首先先说下我的个人理解啊。比如在应用background类的属性值时,我们可以直接写为background:#000 noprpeat center center;也可以写作background-color:#000;这种形式。比如font类的。但是在应用transform时,有时需要设置单一的属性,但因为词汇量的问题,往往不得不完整写一遍默认属性值。下面对这些属性做个总结,主要是对一些属性单词的记忆。
本次先做几个总结,后续会逐渐增加。
1.transition: property duration timing-function delay;
默认值:all 0 ease 0
transition-property | 规定设置过渡效果的 CSS 属性的名称。 |
transition-duration | 规定完成过渡效果需要多少秒或毫秒。 |
transition-timing-function | 规定速度效果的速度曲线。(速度函数) |
transition-delay | 定义过渡效果何时开始。(延迟) |
2.transition: property duration timing-function delay;
默认值:none 0 ease 0 1 normal
animation-name | 规定需要绑定到选择器的 keyframe 名称。 |
animation-duration | 规定完成动画所花费的时间,以秒或毫秒计。 |
animation-timing-function | 规定动画的速度曲线。 |
animation-delay | 规定在动画开始之前的延迟。 |
animation-iteration-count | 规定动画应该播放的次数。(n|infinite) |
animation-direction | 规定是否应该轮流反向播放动画。(normal|alternate) |