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