loader

Cвойство box-shadow прикрепляет к элементу одну или несколько теней. Если элементу задано свойство border-radius, то тень также будет с закруглёнными углами. Чтобы задать несколько теней, надо перечислить их через запятую.

box-shadowհատկությունը կցում է մեկ կամ մի քանի ստվերներ տարրի վրա: Եթե ​​տարրին սահմանված է border-radius հատկություն, ապա ստվերը կունենա նաև կլորացված անկյուններ։ Մի քանի ստվերներ կցելու համար դուք պետք է նշեք դրանք՝ բաժանված ստորակետերով:

Синтаксис

Գրելաձև
box-shadow: 10px 10px 5px red; ⟿ По горизонтали | По вертикали | Размытие | Цвет.
box-shadow: inset 10px 10px 5px red; ⟿ Положение | По горизонтали | По вертикали | Размытие | Цвет. box-shadow: 10px 10px 5px red; ⟿ Հորիզոնական | Ուղղահայաց | Պղտորում | Գույն.
box-shadow: inset 10px 10px 5px red; ⟿ Հորիզոնական | Ուղղահայաց | Լղոզվացություն | Գույն.

Пример

Օրինակ

See the Pen box-shadow by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 box-shadow image
Поддержка браузера дляԲրաուզերի աջակցությունը box-shadow элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 9+ 12+ 10+ 4+ 5.1+ 11.5+
Notes