Skip to content

Instantly share code, notes, and snippets.

@csalgueiro
Created October 8, 2013 12:17
Show Gist options
  • Save csalgueiro/6883787 to your computer and use it in GitHub Desktop.
Save csalgueiro/6883787 to your computer and use it in GitHub Desktop.
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);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment