网站首页 趣味生活 舌尖美味 我爱学习 热爱生活 数码 经验
当前位置:趣味百科网 > 经验 > 

CSS做图片切换效果

栏目: 经验 / 发布于: / 人气:2.8W

CSS做图片切换效果

本篇经验主要讲述如何使用CSS做图片切换效果。

工具/原料HBuilder电脑HTML1

建立div,并在其中插入四张图片。

CSS1

页面进行一个基本的设置。

2

对div进行一个基本的设置,使之出现滚动条。

3

将第二,三,四张照片的透明度设置为0.

4

建立图片切换动画的动画帧。动画开始时,图片透明度为1,动画单次进行结束后,透明度为2.

5

对每张图片进行动画设置。

6

设置每张图片的显示时间。

7

这是图片切换时的效果。

Tags:CSS 切换