/* Bounce */
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
@include transform-translateY(0);
}
40% {
@include transform-translateY(-15px);
}
60% {
@include transform-translateY(-10px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
@include transform-translateY(0);
}
40% {
@include transform-translateY(-15px);
}
60% {
@include transform-translateY(-10px);
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
@include transform-translateY(0);
}
40% {
@include transform-translateY(-15px);
}
60% {
@include transform-translateY(-10px);
}
}
/* Loading spinner */
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
Base template for SCSS animations
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.