How to use animation fade-in / fade-out? #149
-
|
I try to set fade-in/out animation, could you help me?
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
Can you clarify your question? |
Beta Was this translation helpful? Give feedback.
-
|
Sure, I want to get the effect of fading successive slides. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for providing this example. Lightbox animation settings that you mentioned above control the fade-in / fade-out effect of the entire lightbox when the lightbox opens / closes, not when individual slides change. This library was designed for touch-swipe / click-and-drag navigation, and the effect that you want to implement doesn't fit well in the current implementation. You can probably achieve the desired effect with some custom styling, but I can't guarantee the end result. Please feel free to use the following sandbox as an inspiration. https://codesandbox.io/p/sandbox/yet-another-react-lightbox-149-6ccmmz?file=%2Fsrc%2FApp.css |
Beta Was this translation helpful? Give feedback.
Thank you for providing this example. Lightbox animation settings that you mentioned above control the fade-in / fade-out effect of the entire lightbox when the lightbox opens / closes, not when individual slides change.
This library was designed for touch-swipe / click-and-drag navigation, and the effect that you want to implement doesn't fit well in the current implementation. You can probably achieve the desired effect with some custom styling, but I can't guarantee the end result.
Please feel free to use the following sandbox as an inspiration.
https://codesandbox.io/p/sandbox/yet-another-react-lightbox-149-6ccmmz?file=%2Fsrc%2FApp.css