Какая поддержка такого?

Question

[wakenbyWork]

Есть слайдер с фотографиями в png. К ним нужно добавить тень. Я сделал через drop-shadow на родителя. И для фотографий применилась тень, не смотря на то что у родителя overflow-hidden. На пк работает отлично, но на телефоне (ios) не работает. На android не тестил. Safari последней версии, по caniuse должно работать тоже, но что то не работает((

Comments

[defriz]

что, если попробовать box-shadow?

[Froggyweb]

box-shadow так же не влияет на размер блока. Кроме того тень будет накладываться на контур блока. Фильтр работает по другому.

Answer 1

[Froggyweb]

фильтр нужно давать на картинку. ну и паддинги у врапера.

Comments

[wakenbyWork]

С отрицательным margin. Тогда слайды будут уходить не по container а за его пределы, что мне не нравиться

[Froggyweb]

wakenbyWork, на мой взгляд как-то так https://codepen.io/froggyweb/pen/yLvNKvd