CSS做图片切换效果


CSS做图片切换效果

文章插图
本篇经验主要讲述如何使用CSS做图片切换效果 。
前提或条件
    HBuilder电脑
HTML
1建立p , 并在其中插入四张图片 。
CSS
1对页面进行一个基本的设置 。
2对p进行一个基本的设置 , 使之出现滚动条 。
3将第二 , 三 , 四张照片的透明度设置为0.
4建立图片切换动画的动画帧 。动画开始时 , 图片透明度为1 , 动画单次进行结束后 , 透明度为2.
5对每张图片进行动画设置 。
6设置每张图片的显示时间 。
7这是图片切换时的效果 。

【CSS做图片切换效果】