/*!
* animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */
.animated {
animation-duration: 1s; animation-fill-mode: both; &.infinite { animation-iteration-count: infinite; } &.delay-1s { animation-delay: 1s; } &.delay-2s { animation-delay: 2s; } &.delay-3s { animation-delay: 3s; } &.delay-4s { animation-delay: 4s; } &.delay-5s { animation-delay: 5s; } &.fast { animation-duration: 800ms; } &.faster { animation-duration: 500ms; } &.slow { animation-duration: 2s; } &.slower { animation-duration: 3s; }
}
@media (prefers-reduced-motion) {
.animated { animation: unset !important; transition: none !important; }
}
@keyframes fadeIn {
from { opacity: 0; } to { opacity: 1; }
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInLeft {
from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInRight {
from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInUp {
from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeOut {
from { opacity: 1; } to { opacity: 0; }
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); }
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutLeft {
from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); }
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutRight {
from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); }
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutUp {
from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); }
}
.fadeOutUp {
animation-name: fadeOutUp;
}