老师你好,轮播图如何让上一张图片淡出,下一张图片淡入

老师你好,轮播图如何让上一张图片淡出,下一张图片淡入

之前学的是滑动,上一张图片滑出,下一张图片滑入。这个作业里是淡入淡出,怎么实现的呀,老师能讲下思路吗

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2022-01-12 10:18:42

同学你好,可以使用定位,让三张图片重叠在一起。可以不用z-index层级属性,opacity属性能实现,例如:

所有图片opacity属性值为0,第一张图片opacity值为1

https://img1.sycdn.imooc.com//climg/61de3a5d091eaa5e05430617.jpg

自己测试下。

好帮手慕星星 2022-01-08 10:16:06

同学你好,可以改变图片的opacity属性值,然后加transition过渡属性实现。opacity:0;是透明度为0,不显示,opacity:1;是透明度为1,显示。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师