С приходом CSS 3 пришли и новые возможности для web-мастеров.Теперь стало возможно добавить реалистичную тень к картинкам.Удачно установленная тень позволяет выделить картинку,сделать ее более "рельефной" штоли.
Теперь непосредственно код:
.shadow {
box-shadow:5px 5px 15px #808080;
-webkit-box-shadow 5px 5px 15px #808080;
-moz-box-shadow: 5px 5px 15px #808080;
}
Вот вам для примера:
Изменяя параметры вы можете настроить тень под себя:изменить цвет,наклон,размытие.Пройдемся по ним чуть подробнее:
- Первое значение px(отсчет слева направо) - сдвиг по горизонтали
- Второе значение px - сдвиг по вертикали
- Третье значение - радиус размытия тени
- Четвертое значение - радиус растяжения тени
Сильно обалденная статья! Автор делайте статьи в том же стиле.
Гугл хром-не работает) Посмотрел код элемента в css файле, по хрому ничего не наложено на картинку. Проверяй)
Вышло обновление работает, пробывал
пригодилось, спасибо!