Animation
- @keyframes (关键帧)定义
- animation 使用
属性
- animation-name: none(时间曲线);
- animation-duration: 0s(动画时长);
- animation-timing-function: ease(动画的时间曲线,
[cubic-bezier](https://cubic-bezier.com/#.17,.67,.83,.67)
); - animation-delay: 0s(动画开始前的延迟);
- animation-iteration-count: 1(动画的播放次数);
- animation-direction: normal(动画的方向);
- animation-fill-mode: none;
- animation-play-state: running;
[cubic-bezier](https://cubic-bezier.com/#.34,.74,.86,.59)
- ease(推荐)
- linear
- ease-in
- ease-out
- ease-in-out
渲染与颜色
- hsl
- rgb
形状
- border
- box-shadow
- border-radius
- data uri + svg