码迷,mamicode.com
首页 > Web开发 > 详细

css动画

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

标签:ccm   gif   from   mode   name   oid   ioi   inf   速度   

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

css动画

标签:ccm   gif   from   mode   name   oid   ioi   inf   速度   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!