box-shadow

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия 		Предыдущая версия
box-shadow [2023/09/26 17:07]
tro 		box-shadow [2023/09/26 17:18] (текущий)
tro
Строка 14: Строка 14:
 height: 400px; height: 400px;
 backgroud-color: red; backgroud-color: red;
-box-shadow: 10px -10px 10px 12px; +box-shadow: 10px -10px 10px 12px red; 
 } }
 </code> </code>
 +
 ===== Багатошарова тінь ===== ===== Багатошарова тінь =====
 <code> <code>
Строка 22: Строка 23:
             <x-offset> <y-offset> <blur> <spread> <color>,             <x-offset> <y-offset> <blur> <spread> <color>,
             <x-offset> <y-offset> <blur> <spread> <color>,             <x-offset> <y-offset> <blur> <spread> <color>,
 +</code>
 +Можна зробити дкілька тіней
 +<code>
 +.box {
 +width: 400px;
 +height: 400px;
 +backgroud-color: red;
 +box-shadow: 10px -10px 10px 12px red, -10px 10px 10px 12px blue; 
 +}
 +</code>
 +===== Зовнішня тінь =====
 +<code>
 +box-shadow: unset <x-offset> <y-offset> <blur> <spread> <color>
 </code> </code>
 ===== Внутрішня тінь ===== ===== Внутрішня тінь =====
  • /sites/data/attic/box-shadow.1695748077.txt.gz
  • Последнее изменение: 2023/09/26 17:07
  • — tro