Столкнулся в верстке с интересной тенью. Хочу спросить, может кто уже делал подобное, возможно ли сделать такую тень с помощью css, или лучше использовать изображение. Я сам не фанат использовать изображения….

209_60

Оценить:|
  
Комментировать
Раздел: CSS    
Просмотров: 1359
Комментариев (2)
  1. dikucher
    Дмитрий [dikucher]
    23.09.2013 в 20:52

    да, некогда писать код, суть следующая
    делаешь content:»» ( через псевдо элемент :after или :before)
    Прописываешь у этого content
    display: block
    height: 100px;
    width: 10px;
    (цифра от фонаря )

    Заливаешь его градиентом справа налево, и позиционируешь его в bottom: 0 left: 0.
    и с помощью вот этого свойстваhttp://htmlbook.ru/css/transform поворачиваешь его. При этом у блока родителя надо задать overflow: hidden.

    Также можно пойти другим путем и создав псевдо content не заливать его а задать ему box-shadow.

    P.s. там где вы нашли эту тень, также можно посмотреть через код страницы, как она реализованна именно там.

  2. avedent
    Андрей Денисюк [avedent]
    24.09.2013 в 08:34

    хм… умно! Спасибо большое, Дмитрий!

Оставить комментарий