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!