[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... » Тень картинки

Тень картинки
[1] z1M [14.09.2014, 18:42]
Как сделать тень картинки? Использую изображения $IMAGE1...$
заранее спасибо
[2] likbezz [14.09.2014, 22:17]
z1M,
Цитата z1M, Вс, 14.09.2014, 18:42:03
Как сделать тень картинки? Использую изображения $IMAGE1...$

box-shadow

Если тень нужна более сложной текстуры, чем просто однотонный цвет, то можно, нарисовав предварительно в Photoshop изображение тени (прямоугольный файл с размером, превышающим размер самой большой картинки), получить универсальную тень для картинок любых размеров:

Код
.shadow{
float:left; background: url('файл с картинкой тени') no-repeat bottom right ; position: relative;
}
.shadow img{
margin: -5px 1px 1px -5px;
}


Код
<div class="shadow"><img src="картинка.jpg"></div>

...
[3] z1M [15.09.2014, 00:54]
Цитата likbezz, Вс, 14.09.2014, 20:17:51
<div class="shadow"><img src="картинка.jpg"></div>

А можно сделать так <div class="shadow">$IMAGE1.2.3$</div> ?
[4] likbezz [15.09.2014, 02:19]
z1M,
Цитата z1M, Пн, 15.09.2014, 00:54:50
А можно сделать так <div class="shadow">$IMAGE1.2.3$</div> ?

Можно.
Но не так, а вот так:
Код
<div class="shadow">$IMAGE1$</div>
<div class="shadow">$IMAGE2$</div>
<div class="shadow">$IMAGE3$</div>


Полная версия сайта