box-shadow

Различия

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

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

Предыдущая версия справа и слева Предыдущая версия
Следующая версия 		Предыдущая версия
box-shadow [2023/09/26 17:09]
tro [box-shadow] 		box-shadow [2023/09/26 17:18] (текущий)
tro
Строка 16: Строка 16:
 box-shadow: 10px -10px 10px 12px red;  box-shadow: 10px -10px 10px 12px red; 
 } }
- 
 </code> </code>
 +
 ===== Багатошарова тінь ===== ===== Багатошарова тінь =====
 <code> <code>
Строка 23: Строка 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.1695748162.txt.gz
  • Последнее изменение: 2023/09/26 17:09
  • — tro