TA的每日心情 | 无聊
2017-12-18 00:02 |
|---|
签到天数: 16 天 [LV.4]偶尔看看III
中级会员
 
- 积分
- 346
|
主题：swiper幻灯片初级 教程2018_柒侠伍义
作者：柒侠伍义（李易俸）
国家：马来西亚槟城
邮件：jh7x51@gmail.com
网站：liithong.com mt4ea.com mt5ea.com
面子书：facebook.com/liithong
版权保留 请勿转载
第11章：更换幻灯片时出现特效
看到没？
当手动或滑鼠拉动幻灯片
就看到下一张幻灯片是暗色一点点的
然后有暗变明...
是不是 很爽~~~
哈哈和....
添加3行源码就可以办到...
opacity:0.5; /*更换幻灯片时出现特效*/
transition: opacity 3s ease-in-out; /*更换幻灯片时出现特效*/
opacity是透明度，调整去0.7也不错
3s 是有暗到明，历时3秒
可以换去1s，也是可以的
还有添加一个幻灯片激活后的透明度
当然透明度要放 1 ，就是没有透明度
.swiper-slide-active{
opacity:1; /*更换幻灯片时出现特效*/
}
看了，爽了一点点 是不是....
哈哈和...
下载完整源码：
swiper12.rar
(534.74 KB, 下载次数: 2, 售价: 4 金钱)
012（未完）
|
|
[复制链接]
楼主