20190404-transitionanimation媒体查询

Posted 2021-02-15 nightnight

目录

1、transition过渡

1.1简写：transiton：transition-property | transition-duration | transition-timing-function | transition-delay

1.2transition-poperty(过渡属性)：all | none | property；

1.3transition-duration(过渡持续时间)：0 | time；

1.4transition-timing-function(过渡时间函数)：ease | linear | ease-in | ease-out | ease-in-out | Bézier curve；

1.5transition-delay(过渡延迟)：0 | time；

2、animation动画

2.1简写：animation：animation-name | animation-duration | animation-timing-function | animation-delay | animation-iteration-count | animation-direction | animation-play-state | animation-fill-mode；

2.2animation-name(动画名称)：keyframesname | none；

2.3animation-duration(动画持续时间)：0 | time；

2.4animation-delay(动画延迟时间)：0 | time；

2.5animation-iteration-count(动画重复次数)：n | infinite；

2.6animation-paly-state(动画正在运行或暂停)：paused | running；

2.7animation-fill-mode(动画最后一帧)：none | forwards | backwards | both；

3、媒体查询

内容

1、transition过渡

2、animation动画

3、媒体查询