Как правильно делается такая тень?

Question

[TheKratos]

Как видите, обычный бокс шэдоу не катит (так как закругленные углы) + еще нужно, чтобы при растягивании страницы она не обрезалась.

Answer 1

[Роман]

Попробуйте использовать after с background-ом и свойство transform: skew
ну а родителю оверфлоу задайте

Answer 2

[Александр Талалаев]

1. Длеать обычный long shadow, только на элемент скрытый под этой картинкой, я думаю можно подобрать
2. Сделать множество теней чтобы учитывать углы, но тут нужно поработать mattlambert.ca/blog/create-a-flat-long-shadow-icon... + из иконки сделать шрифт. может изврат, но... иначе только фотошоп и другие методы.
3. Вот что еще можно попробовать, я изначально подумал что svg отпадает, но вдруг design.tutsplus.com/tutorials/quick-tip-techniques... , попытка не пытка, может получится.

Answer 3

[Хазрат Гаджикеримов]

sandbox.juan-i.com/longshadows