css3 transition动画效果

版权声明：不要盗版哦 https://blog.csdn.net/weixin_38313970/article/details/81027073

css3动画效果

.two_2{
width: 30%;
height: 10rem;

transition: width 3s 1S   linear; 这三项内容分别是： 变化时间   ；  延迟时间；变化效果（加速度这类的）

           

margin-left: 3%;

}
.two_2:hover{

width: 50%;

}

分开写也可以

transition-property 规定设置过渡效果的 CSS 属性的名称。 
transition-duration 规定完成过渡效果需要多少秒或毫秒。 
transition-timing-function 规定速度效果的速度曲线。 
transition-delay 定义过渡效果何时开始。