css transition animation effect

This article mainly introduces the css transition animation effect, which has a certain reference value. Now I share it with everyone. Friends in need can refer to it

p{  
width:40px;  height:40px;  
background:url(http://www.uc.cn/images1_4/sprite_uc_android.png);  
transition: width .6s steps(11);
}
p:hover{  
width: 100px;
}

Related recommendations ：

css to implement rotating windmill

The above is the detailed content of css transition animation effect. For more information, please follow other related articles on the PHP Chinese website!