react-reveal
react-reveal copied to clipboard
Option to disable reveal animations
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!
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)