「ROAD 6」CSS-动画


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

文章作者: 阿汪同学
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 阿汪同学 !
评论
  目录