Как сверстать длинную затухающую тень?

Question

[Денис Каракчиев]

Имеется тень. У которой есть цвет. И эффекты. Как это чудо сконвертировать в CSS? =)

Answer 1

[Руслан Полин]

Если сами не можете, то воспользуйтесь генератором теней: тык-тык

Comments

[Денис Каракчиев]

Спасибо за ссылку. В том-то и дело, что я хочу сам мочь. Но в справочниках, руководствах о более-менее сложных тенях и вырезке по контуру ни слова, плюс я понятия не имею - нормальны ли такие полотнища из box-shadow на выходе?

[Руслан Полин]

Денис Каракчиев: чтобы научиться самому мочь, придется читать исходный код и править его, а для этого изучить мат.часть или поиграть с тенью из генератора. По поводу background-clip можете тут почитать: Frontender . А почему они должны быть плохими на выходе?

Answer 2

[Андрей Куклин]

на сколько я знаю в таких случаях нужно несколько теней через запятую.
например box-shadow: [стили тени 1], [стили тени 2]....
Таким образом удлиняем до нужного размера

Answer 3

[Сергей delphinpro]

codepen.io/roikles/pen/xbydH

По запросу long shadow css гуглится миллион страниц.

Answer 4

[Сергей]

Данную тень, лично я, сверстал через clip-path и градиент в диве.