react-reveal icon indicating copy to clipboard operation
react-reveal copied to clipboard

Option to disable reveal animations

Open JensVanAssche opened this issue 5 years ago • 3 comments

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!

JensVanAssche avatar May 06 '19 13:05 JensVanAssche

Anyone know some method to disable the animations using the react-reveal?

Fziliotti avatar May 24 '19 05:05 Fziliotti

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;
  }
}

YuriBrunetto avatar Aug 27 '19 14:08 YuriBrunetto

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)

image

cmdalbem avatar Jun 28 '20 01:06 cmdalbem