Как задать такую тень?

В нижней части тень постепенно исчезает и остается лишь тонкий полупрозрачный border. Как это реализовать?
ea7e4af48f8140f0b1d3fb5f9fc383eb.jpg
  • Вопрос задан
  • 261 просмотр
Решения вопроса 3
qork
@qork
{ background: #F00B42 }
Затухание сделать тенью.
codepen.io/anon/pen/YZxqyK
Ответ написан
Комментировать
dom1n1k
@dom1n1k
Видимо, только картинками по бокам.
В принципе, есть ещё способ с двумя псевдоэлементами, которым дается тень, а потом они смещаются и слегка поворачиваются - но это капризный метод. Чтобы он нормально работал, к тени предъявляется куча требований - она должна быть небольшой, спадать равномерно, сверху не слишком вылазить... На макете это не так.
Так что настоятельно советую не мудрить чрезмерно.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
no1s1a
@no1s1a
Самый темный час - перед рассветом!
вот эта штука тебе в помощь -webkit-box-shadow. По факту нужно применять transform на 50%.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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