[Help]: I am making cards carousel, each card has shadow, but the shadow is cutoff due to carousel wrapper any workaround? #1016
-
Summary[Help]: I am making cards carousel, each card has shadow, but the shadow is cutoff due to carousel wrapper any work around? If applicable, which variants of Embla Carousel are relevant to this question?
Additional informationNo response CodeSandbox exampleNo response |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 5 replies
-
|
I solved the vertical shadow cut off by using padding to the carousel wrapper, tried the same for horizonal but keep giving me bugs in alighnment with autoplay. |
Beta Was this translation helpful? Give feedback.
-
|
When applying px and -mx it works only for first slide and then slides go out of container |
Beta Was this translation helpful? Give feedback.
-
|
Building on one of the examples on the documentation website, you can solve it like this. |
Beta Was this translation helpful? Give feedback.
-
|
@davidjerleke thanks I did something close to that, have another issue, I am using 4 carousels with autoplay in my home page nextjs app and it feels like lagging, especially in safari, do you have any article, discussion how to handle these performance issues. |
Beta Was this translation helpful? Give feedback.
-
|
@Abdelrahman-Abdelmoaty this is a different question, not relevant here, but only enable Autoplay on carousels that are in the viewport. |
Beta Was this translation helpful? Give feedback.
-
|
Ok mb, is there a built in prop for start play it if it is in viewport? |
Beta Was this translation helpful? Give feedback.
-
|
@Abdelrahman-Abdelmoaty no, join or follow this discussion instead of bloating this with irrelevant comments: Thanks for understanding. |
Beta Was this translation helpful? Give feedback.
Hi @Abdelrahman-Abdelmoaty,
Building on one of the examples on the documentation website, you can solve it like this.