@SlavaMaxwell
HTML-верстальщик, Frontend developer

Как корректно отобразить тень у слайдов карусели?

Как корректно отобразить тень у слайдов карусели? Использовал slick, owl carousel, swiper.js, но у всех своё ограничение viewport контейнера и тень обрезается. Вот как получилось используя Slick:

5e9003f55299e718528480.png

Задал padding для отступа сверху и снизу чтобы не обрезало, а вот по бокам не срабатывает такая штука.

И вот как надо в макете:

5e900406723c3528091007.png

Как это решить?
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
Вообще-то для решения таких задач можно создать дополнительную обёртку с дополнительными отступами.

Вот пример:



Оформление, отступы, кнопки, тени и прочее настроить не проблема.

P.S: В примере использован Swiper
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@alalala
контейнеру карусели задай внутренние отступы
т.к у многих контейнеров стоит значение overflow:hidden
что и обрезает эту тень
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы