css3 实现静态图片闪烁效果

/*图标闪烁动画效果*/
.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);}
}