还在苦苦敲代码开发APP?你out啦! 试试积木搭建APP吧~

css3 实现静态图片闪烁效果

来源:清泛原创     2017-12-15 13:26:15    人气:     我有话说( 0 人参与)

css代码: *图标闪烁动画效果* titleM img { animation: start 1 5s infinite ease-in-out; -moz-animation: start

css代码:
/*图标闪烁动画效果*/
.titleM img {
    animation: start 1.5s infinite ease-in-out;
    -moz-animation: start 1.5s infinite ease-in-out;
    -webkit-animation: start 1.5s infinite ease-in-out;
    -o-animation: start 1.5s infinite ease-in-out;
    -ms-animation: start 1.5s infinite ease-in-out;
    position: absolute;
}
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,0);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 1;-webkit-transform: translate(0,0);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,0);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 1;-moz-transform: translate(0,0);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,0);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 1;transform: translate(0,0);}
}

css3 静态 闪烁效果

注:本文为本站或本站会员原创优质内容,版权属于原作者及清泛网所有,
欢迎转载,转载时须注明版权并添加来源链接,谢谢合作! (编辑:admin)
分享到: