css3 实现静态图片闪烁效果

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

清泛网(www.tsingfun.com):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)