效果如下
实现原理:
利用css3的@keyframes规则创建动画效果;
使用css3的animation效果完成滚动切换。
代码说明:
样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作;
样式表中.border div定义了div的基本样式,红色的10px圆形;
10个div嵌套使用;
效果如下
实现原理:
利用css3的@keyframes规则创建动画效果;
使用css3的animation效果完成滚动切换。
代码说明:
样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作;
样式表中.border div定义了div的基本样式,红色的10px圆形;
10个div嵌套使用;