CrossBrowser easy CSS3 animation
.objeto_animado{
-webkit-animation-name: escala;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:1;
-ms-animation-name: escala;
-ms-animation-duration: 0.6s;
-ms-animation-iteration-count:1;
-moz-animation-name: escala;
-moz-animation-duration: 0.6s;
-moz-animation-iteration-count:1;
-o-animation-name: escala;
-o-animation-duration: 0.6s;
-o-animation-iteration-count:1;
}
@-webkit-keyframes escala {
0% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(1.2);
}
}
@-o-keyframes escala {
0% {
-o-transform: scale(1);
}
100% {
-o-transform: scale(1.2);
}
}
@-ms-keyframes escala {
0% {
-ms-transform: scale(1);
}
100% {
-ms-transform: scale(1) .2;
}
}
@-moz-keyframes escala {
0% {
-moz-transform: scale(1);
}
100% {
-moz-transform: scale(1.2);
}
}
@keyframes escala {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}