mirror of
https://github.com/animate-css/animate.css.git
synced 2024-10-01 15:31:30 +02:00
940e4aef81
Feat: add prefers-reduced-motion media query Improve accessibility by respecting the user's preference
52 lines
682 B
CSS
52 lines
682 B
CSS
.animated {
|
|
animation-duration: 1s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.animated.infinite {
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.animated.fast {
|
|
animation-duration: 800ms;
|
|
}
|
|
|
|
.animated.faster {
|
|
animation-duration: 500ms;
|
|
}
|
|
|
|
.animated.slow {
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.animated.slower {
|
|
animation-duration: 3s;
|
|
}
|
|
|
|
@media (prefers-reduced-motion) {
|
|
.animated {
|
|
animation: unset !important;
|
|
transition: none !important;
|
|
}
|
|
}
|