首页 > Web开发 > 详细

css动画

时间：2019-09-25 12:35:49 阅读：112 评论：0 收藏：0 [点我收藏+]

1.2d转换

transform：translate(x,y) | rotate(deg) | scale(x,y)

2.过渡

transition: property(默认all) time 速度曲线(默认ease慢快慢) delay

transition：width 2s

3.动画

@keyframes [name]

{

from{}

to{}

or

0%{}

50%{}

100%{}

}

animation: [name] time 速度曲线 delay 循环次数(1默认 | n | infinite) fill-mode(both动画结束时保持最后一帧)

animation: [name] 2s

原文地址：https://www.cnblogs.com/fullmetalcoder/p/11583613.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

迷上了代码！