zzzmj/native-js-slider

原生JS造的淡入淡出轮播图插件

native-js-slider

淡入淡出轮播图

1. 预览图

2. 原理

淡入淡出效果主要利用了

opacity属性和transition属性

让图片淡出，图片的opacity属性在一段时间内逐渐从1变为0

淡入呢，则是图片的opacity属性在一段时间内逐渐从0变为1

这个渐变的过程用transition可以轻松动画

3. 功能

点击 pre ，next 切换上一张，下一张图片

鼠标移入下方指示符小圆点，可切换图片

4. 演示

https://zzzmj.github.io/demo/slide/index.html