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!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
