Entrance Animation Bug
-
Hello,
I have set a “fade in Right Short” animation (duration : normal + delay: 200ms) and it looks as if the animation-fill-mode was not set : instead of having opacity:0 during the delay, I can see the section block content (especially the colored links in the text) during this short time lapse. Then it goes to opacity:0 and the animation begins.
I’ve seen that Animate.css is used in your plugin and set by default on animation-fill-mode: both; so this behavior is difficult to understand…
I tried a (no IE) trick with :
@supports not (-ms-high-contrast: none) { .toto { opacity:0; animation-fill-mode: both;} @media (prefers-reduced-motion: reduce) { .toto {opacity:1} } }But I dont I don’t feel comfortable with the idea of having the main contents in opacity:0 !!
And even if it really looks better for simple pictures, titles and texts, When there are colored links, I can still see them briefly appearing before the animation begins.
Would you have any other solution ?
The topic ‘Entrance Animation Bug’ is closed to new replies.