app/assets/stylesheets/animations.scss
@-webkit-keyframes fade-in-down {
0% {
opacity: 0.1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in-down {
0% {
opacity: 0.1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fade-in-up {
0% {
opacity: 0.1;
-webkit-transform: translateY(+10px);
transform: translateY(+10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in-up {
0% {
opacity: 0.1;
-webkit-transform: translateY(+10px);
transform: translateY(+10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}