在《CSS 进阶六 变形》中,变形是没有中间过程的,本节将介绍动画效果。
一 transition
1 transition-property 属性
none 值即一瞬间变化,无过度;
all 值即所有属性都变化;
left 即 left 属性发生变化…
2 transition-duration 属性
3 transition-timing-function 属性
4 transition-delay 属性
5 综合
二 animation
有关键帧。
1 animation-name 属性
2 animation-duration 属性
3 animation-timing-function 属性
4 animation-iteration-count 属性
动画执行次数。
5 animation-direction 属性
动画方向,往返方式。
6 animation-play-state 属性
7 animation-delay 属性
8 animation-fill-mode 属性
动画在结束后是否保持结束时的状态。
9 综合
10 关键帧定义
@keyframes