transition

transition: 属性 花费时间 速度曲线 延时时间;
transition: width 2s ease 1s;

animation

animation: 动画名称 花费时间 速度曲线 延时时间 重复次数 动画方向 执行完毕的状态;
  • 过渡经常配合鼠标经过使用，只能设置起始和结束状态。
  • 动画可以自动执行，而且无限循环等。（其中 动画名称和花费时间必须要写），里面可以有很多的形态，比如 0%， 10% .... 100%
最后修改：2022 年 09 月 09 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏