Heim > Artikel > Web-Frontend > 单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose
单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:32:04907Durchsuche
就是在框框里插入N个图片，然后滚动条能够拖动，然后图片点击的时候有圆角框框的效果，有阴影什么的，这个作业是我今天看自学视频时，视频老师给的作业。。。想了半天都没想到要如何做，求大神帮忙。。。单单用css能做出这个效果吗？？
回复讨论(解决方案)
有人知道吗。。？？？求大神帮忙
你确定你从第一集开始看的吗
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title> 页面名称 </title><style type="text/css">#box { width: 600px; height: 200px; overflow: scroll; white-space: nowrap;}#box img { margin: 5px; border: 3px solid transparent; border-radius: 10px;}#box img:hover { border: 3px solid #FF9900; box-shadow: 0px 0px 10px #482915;}#box img:active { border: 3px solid #FF3333; box-shadow: 0px 0px 10px #ff9900;}</style></head><div id="box"><img src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg" / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg" / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg" / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg" / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ><img src="http://avatar.csdn.net/4/F/7/1_wgf577.jpg" / alt="单单用css可以做出这个效果吗求大神_html/css_WEB-ITnose" ></div></body></html> 谢谢了，我已经弄明白了
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Drawable Animation 帧动画_html/css_WEB-ITnoseNächster Artikel：css-兼容性问题及解决（二）_html/css_WEB-ITnose