Skip to content

Instantly share code, notes, and snippets.

@scDisorder
Last active May 15, 2018 21:26
Show Gist options
  • Save scDisorder/89af4a68caed9b871baf0027454987de to your computer and use it in GitHub Desktop.
Save scDisorder/89af4a68caed9b871baf0027454987de to your computer and use it in GitHub Desktop.
zooming in css keyframes animation
.zooming-in {
-webkit-animation: zoomingIn ease 10s;
-moz-animation: zoomingIn ease 10s;
-ms-animation: zoomingIn ease 10s;
-o-animation: zoomingIn ease 10s;
animation: zoomingIn ease 10s;
}
@keyframes zoomingIn {
0% {
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1); /* IE 9 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand');
}
100% {
transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand');
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment