Тень картинки.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>
