Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Обо всём » Собираем скрипты » Тень картинки. Реално. (Небольшая тень под картинкой придает также странице эффект т)
Тень картинки. Реално.
artnovДата: Понедельник, 07.04.2014, 13:02 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline
Тень картинки.box-shadowНебольшая тень под картинкой придает также странице эффект
трехмерности, объёма и глубины. Для добавления тени используется
свойство box-shadow.

1. -  inset -  тень внутри элемента, без inset тень будет наружу;
2. - сдвиг тени по горизонтали (6px — вправо, -6px — влево);
3. - сдвиг по вертикали (6px — вниз, -6px — вверх);
4. - размытие тени (0 — четкая тень);
5. - растяжение тени (3px — растяжение, -3px — сжатие);
6. - цвет тени
box-shadow: 0 0 5px; - тень вокруг элемента

box-shadow: inset 0 0 5px; - тень внутри

Код
<html> <head> <title>Изображение</title> <style> img { box-shadow: -19px 0 22px -19px #000, 19px 0 22px -19px #000; } </style> </head> <body> <p><img src="картинка.jpg" alt=""></p> </body></html>

 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
Форум » Обо всём » Собираем скрипты » Тень картинки. Реално. (Небольшая тень под картинкой придает также странице эффект т)
Страница 1 из 11
Поиск:
Практическое руководство по графическому редактору Adobe Photoshop
ВОДИТЕЛЬ И АЛКОГОЛЬ
Givopis4
Шаблон Novi5

Яндекс цитирования купить картину маслом Arts.In.UA