В данной заметке представлен простой пример применения background свойства linear-gradient для добавления блокам длинной тени.

HTML:

В примере используются иконки Font Awesome

CSS:

Пример:

Смотрите также:

Верхний и нижний бордюр зигзагом с использованием линейного градиента

Пример создания тени для ограниченной области clip-path

Оформление блок-секции из четырех фотографий на CSS

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • serega:

    а я обрадовался -- "Длинная тень облаков" 🙁

    Ответить