Столкнулся в верстке с интересной тенью. Хочу спросить, может кто уже делал подобное, возможно ли сделать такую тень с помощью css, или лучше использовать изображение. Я сам не фанат использовать изображения….
Возможно ли сделать подобную тень с помощью css
[23.09.2013 | 17:03]Комментариев (2)
Оставить комментарий
Для отправки комментария вам необходимо авторизоваться.
да, некогда писать код, суть следующая
делаешь content:»» ( через псевдо элемент :after или :before)
Прописываешь у этого content
display: block
height: 100px;
width: 10px;
(цифра от фонаря )
Заливаешь его градиентом справа налево, и позиционируешь его в bottom: 0 left: 0.
и с помощью вот этого свойстваhttps://htmlbook.ru/css/transform поворачиваешь его. При этом у блока родителя надо задать overflow: hidden.
Также можно пойти другим путем и создав псевдо content не заливать его а задать ему box-shadow.
P.s. там где вы нашли эту тень, также можно посмотреть через код страницы, как она реализованна именно там.
хм… умно! Спасибо большое, Дмитрий!