2013-11-12 00:32:40 +01:00
|
|
|
.animated {
|
|
|
|
animation-duration: 1s;
|
|
|
|
animation-fill-mode: both;
|
|
|
|
}
|
|
|
|
|
2014-03-17 21:37:40 +01:00
|
|
|
.animated.infinite {
|
|
|
|
animation-iteration-count: infinite;
|
|
|
|
}
|
2018-07-19 03:24:17 +02:00
|
|
|
|
|
|
|
.animated.delay-1s {
|
|
|
|
animation-delay: 1s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animated.delay-2s {
|
|
|
|
animation-delay: 2s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animated.delay-3s {
|
|
|
|
animation-delay: 3s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animated.delay-4s {
|
|
|
|
animation-delay: 4s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animated.delay-5s {
|
|
|
|
animation-delay: 5s;
|
|
|
|
}
|
2018-07-24 00:25:37 +02:00
|
|
|
|
|
|
|
.animated.fast {
|
|
|
|
animation-duration: 800ms;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animated.faster {
|
2018-07-24 00:44:09 +02:00
|
|
|
animation-duration: 500ms;
|
2018-07-24 00:25:37 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.animated.slow {
|
|
|
|
animation-duration: 2s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animated.slower {
|
|
|
|
animation-duration: 3s;
|
|
|
|
}
|
2018-07-24 00:44:09 +02:00
|
|
|
|
|
|
|
@media (prefers-reduced-motion) {
|
|
|
|
.animated {
|
|
|
|
animation: unset !important;
|
|
|
|
transition: none !important;
|
|
|
|
}
|
|
|
|
}
|