CSS3制作一个简单的动画。
1、简单的写一个div。

1、简单设置div的各种属性。

2、创建动画,从始到终的那种。其中name由自己定。
格式:@keyframes name {
from{}
to{}
}

3、在from中输入div一开始的属性,即第一步div的属性。

4、在to中输入div变换后最终的属性。

5、在div的属性中加入动画属性animation,animation是动画各种属性的综合写法。下图中sty是动画名称,5s规定动画完成所需时间,infinite代表动画循环播放。

6、CSS全部代码和运行效果。


声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:61
阅读量:36
阅读量:26
阅读量:122
阅读量:97