.a-fadein{
animation:fadein 1s ease 1; //动画名字 动画时间 速度曲线 次数
animation-fill-mode:forwards; //保持动画最后的运行状态
}
@keyframes fadein{ //动画名字
0%{opacity:1;} //百分比运行动画 如rotate translateX(2000px)
100%{opacity:0;}
}
css3动画小例
最新推荐文章于 2023-03-09 16:54:29 发布