撰写日期:2019年01月18日
Css3是美丽的特效语言,他能让一个平静的网页变得活跃起来,为网页增添了许多不一样的色彩。
说到轮播,这是大多数网页都用的一种特效效果,一般都是用javascript或者插件来实现的,不过也可以通过css3来简单实现这个效果 。
一、 淡入淡出轮播效果
-
搭建轮播框架:
-
给所有图片添加样式:
-
给每张图片一个关键帧动画效果(透明效果):
二、 移动轮播效果
- 搭建轮播框架:
- 给所有图片添加样式:
- 给每张图片一个关键帧动画效果(移动效果):
Css3还有许多新属性,新的动态效果,有兴趣的话可以拿来玩一下。
如有错漏,感谢纠正!