How to remove the shadow of the next slide in slick slider?

Question

JavaScript

I use slick slider to animate the transition between tabs, but the slides are right next to each other, and the shadow from the image from the next slide falls on the other. OwlCarousel has a margin property to fix this error, is there something similar in slick? Margin in css slick is ignored.

Answer 1

In many cases, Anton Litvinenko 's answer (comments) is the solution,
HOWEVER, such a solution is still a crutch. A negative margin increases the slick-list, thereby increasing the visibility area of ​​the slides, when scrolling the slides they will go beyond the block boundaries (unless of course there is overflow: hidden on the parent, but you can not always use it - a background that is larger than the slider itself, along with arrows just won't work).

Example

Solution: simple
Do not use slick-slider
(If you need sliders other than the most primitive. But you never know what awaits you in the future)