+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Тень картинки. Реално.
artnovДата: Понедельник, 07.04.2014, 13:02 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 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>



Artnov
 
  • Страница 1 из 1
  • 1
Поиск: