1、先附上一段代码：
css3 animation属性，例：
.mask-btn img{
width: 100 %;
height: 100 %;
cursor: pointer ;
-webkit-animation: scaleout 1.3 s infinite ease-in-out;
animation: scaleout 1.3 s infinite ease-in-out;
}
@-webkit-keyframes scaleout{
0%{ -webkit-transform: scale(1.0 );}
100%{
-webkit-transform: scale(1.1 );
opacity: 0 ;
}
}
@keyframes scaleout{
0%{
transform: scale(1.0 );
-webkit-transform: scale(1.0 );
}
100%{
transform: scale(1.1 );
-webkit-transform: scale(1.1 );
opacity: 0 ;
}
}
2、由上面的代码知道，在div的css中只要定义css3动画的名字，执行动画的时间等就可以了，也就是只要执行animation: *****这句话就可以了（这里还需考虑其兼容）
3、在@keyframes name{}中，可以用百分比定义动画的不同时间段的样式，同时还可以把其他的css3的一些属性写到这里来就可以执行非常酷炫的css3的动画了