Open JensVanAssche opened 5 years ago
Anyone know some method to disable the animations using the react-reveal?
Hey!
I also wanted to disable the animations on mobile. My workaround for this was to disable the animation directly in CSS, like so:
/* disable react-reveal's animations */
.react-reveal {
@media (max-width: 959px) {
animation: none !important;
opacity: 1 !important;
}
}
would be good to have native support for this kind of thing. This workaround doesn't work for when using the cascade
option, for instance:
(notice the weird letters on the heading due to the span splitting that cascade
does)
I don't think this exists in the package yet: an option to disable reveal animations. And in extension: conditionally disable the animations (when the viewport is a certain size for example). This would be really helpful to disable the animations on mobile for example.
Thanks in advance!