css3动画小例

.a-fadein{
    animation:fadein 1s ease 1;    //动画名字 动画时间 速度曲线 次数
    animation-fill-mode:forwards;  //保持动画最后的运行状态
  }
@keyframes fadein{                 //动画名字
    0%{opacity:1;}                 //百分比运行动画  如rotate  translateX(2000px)
    100%{opacity:0;}
}

猜你喜欢

转载自blog.csdn.net/qq_38674970/article/details/80078855