在线DEMO展示
HTML：
查看更多关于基于CSS3淡入淡出效果的图片轮播_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113638
基于CSS3淡入淡出效果的图片轮播_html/css_WEB-ITnose
网上的淡入淡出效果大多是依照jquery中fadeIn和fadeOut的思路使用js来控制元素的透明度达到目的，但缺点是有轻微的卡顿感，并且运行效率一般。 这里提供另外一个思路，即通过预先定义好的css样式老控制透明度的过渡， 这种方法过渡平滑，且因为过渡的效果是基于css3的animation，所以效率高些。 思路是将淡入，淡出的效果做成预先定义好的样式类，然后用JS改变元素的类来达到图片轮播，废话不多说，上代码：
阅读：46次