Skip to content

Instantly share code, notes, and snippets.

@gastonambrogi
Created May 16, 2019 04:13
Show Gist options
  • Save gastonambrogi/e5b9f85af751732d1bb2a53b6c1a11d7 to your computer and use it in GitHub Desktop.
Save gastonambrogi/e5b9f85af751732d1bb2a53b6c1a11d7 to your computer and use it in GitHub Desktop.
CSS animation of a heart
@-webkit-keyframes animateHeart {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
15% {
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
30% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
45% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes animateHeart {
0% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
15% {
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
30% {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
45% {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment