码迷,mamicode.com
首页 > 其他好文 > 详细

20190404-transition、animation、媒体查询

时间:2019-04-07 22:06:51      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:ase   none   use   anim   nim   linear   duration   2.7   函数   

目录

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、媒体查询

20190404-transition、animation、媒体查询

标签:ase   none   use   anim   nim   linear   duration   2.7   函数   

原文地址:https://www.cnblogs.com/nightnight/p/10667195.html

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