diff --git a/docs/index.html b/docs/index.html index d439861..666cd91 100644 --- a/docs/index.html +++ b/docs/index.html @@ -982,12 +982,12 @@ document.documentElement.style.setProperty('--animate-duration', '.5s');
The animate__animated
class has a default speed of 1s
. You can also customize the animations duration through the --animate-duration
property, globaly or locally. This will affect both the animations and the utility classes. Example:
/* All animations will take twice as long to finish */
:root {
- --animation-duration: 2s;
+ --animate-duration: 2s;
}
/* Only this element will take half the time to finish */
.my-element {
- --animation-duration: 0.5s;
+ --animate-duration: 0.5s;
}
Notice that some animations have a duration of less than 1 second. As we used the CSS calc()
function, setting the duration through the --animation-duration
property will respect these ratios. So, when you change the global duration all the animations will respond to that change!