本文探讨了CSS的transition属性，如何设置时间和速度曲线，以及其配合鼠标悬停的使用。同时深入讲解了animation属性，包括动画名称、持续时间、重复次数和执行方式，特别强调了它们在自动执行和循环播放上的不同。
-
transition: 属性 花费时间 速度曲线 延时时间;
-
transition: width 2s ease 1s;
-
-
animation: 动画名称 花费时间 速度曲线 延时时间 重复次数 动画方向 执行完毕的状态;
过渡经常配合鼠标经过使用，只能设置起始和结束状态。
动画可以自动执行，而且无限循环等。（其中 动画名称和花费时间必须要写），里面可以有很多的形态，比如 0%， 10% … 100%
transition 和 animation的区别
transition: 属性 花费时间 速度曲线 延时时间;
transition: width 2s ease 1s;
animation: 动画名称 花费时间 速度曲线 延时时间 重复次数 动画方向 执行完毕的状态;
过渡经常配合鼠标经过使用，只能设置起始和结束状态。
动画可以自动执行，而且无限循环等。（其中 动画名称和花费时间必须要写），里面可以有很多的形态，比如 0%， 10% … 100%
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
