div{
width: 100px;
height: 100px;
background-color: red;
/* transition: all 5s; /
transition-property: width,background-color;
/ 作用的时间 /
transition-duration: 2s ,5s;
/ 延迟时间 /
transition-delay: 1s;
/
设置过度速度
linear 匀速
ease 慢快慢
*/
}
div:hover{
background-color: blue;
width: 500px;
}
<!--
过度:显示某个属性[值变化]的过程
-->
过度也就可以理解为一些css样式的动画效果
基本上了解到方法还是很简单的,像开关设置时间和进度条设置时间也是很有趣的一件事