-
Notifications
You must be signed in to change notification settings - Fork 16.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
--animate-delay for each element? #1544
Comments
Hi @jack-fdrv , I can fix it. |
👋 Hey @jack-fdrv, in Animate.css documentation delayed animation doesn't work. I checked source code animate.css version 4.1.1 (the latest version) and noticed that (--animate-delay) variable no longer exists. Instead, try using (--animation-delay: 10s) and (-webkit-animation-delay: 10s) this way you'll get delayed animation working for most browsers. If this answer helped you, please mark it as answer and I'll be very grateful 😀 |
Sorry @thelabuzov, but this info is not correct, we do have and use that variable and the documentation is correct. I'll check if it's working as it should as might there be a CSS custom property quirk that we might have missed and is blocking the variable from being overridden. |
@eltonmesquita I can confirm that |
Pease assign this issue to me |
Why not work? |
Describe The Bug
From the docs, we can set
--animate-duration: 0.7s;
per each element, but let me know if we able to do the same for
--animate-delay: 10s;
right now it only works for :root
Steps To Reproduce
Try to set for you single animated element this
Expected Behavior
Animation will start in 10 seconds.
Screenshots
Desktop
Smartphone
No response
Additional Context
No response
The text was updated successfully, but these errors were encountered: