Box-shadow: тени для блока
inset
ось-X ось-Y размытие радиус цвет
inset
4px 4px 4px 4px hsla(0, 0%, 0%, 0.2)
ось-X ось-Y размытие радиус цвет
4px 4px 4px 4px hsla(0, 0%, 0%, 0.2)
ось-X
ось-Y размытие радиус цвет
0
0 10px 10px hsla(0, 0%, 0%, 0.2)
ось-X
ось-Y размытие радиус цвет
10px
0 10px 10px hsla(0, 0%, 0%, 0.2)
ось-X
ось-Y размытие радиус цвет
20px
0 10px 10px hsla(0, 0%, 0%, 0.2)
ось-X
ось-Y
размытие радиус цвет
0
0
10px 10px hsla(0, 0%, 0%, 0.2)
ось-X
ось-Y
размытие радиус цвет
0
10px
10px 10px hsla(0, 0%, 0%, 0.2)
ось-X
ось-Y
размытие радиус цвет
0
20px
10px 10px hsla(0, 0%, 0%, 0.2)
ось-X ось-Y
размытие
радиус цвет
0 0
0
10px hsla(0, 0%, 0%, 0.2)
ось-X ось-Y
размытие
радиус цвет
0 0
10px
10px hsla(0, 0%, 0%, 0.2)
ось-X ось-Y
размытие
радиус цвет
0 0
20px
10px hsla(0, 0%, 0%, 0.2)
ось-X ось-Y размытие
радиус
цвет
0 0 0
0
hsla(0, 0%, 0%, 0.2)
ось-X ось-Y размытие
радиус
цвет
0 0 0
10px
hsla(0, 0%, 0%, 0.2)
ось-X ось-Y размытие
радиус
цвет
0 0 0
20px
hsla(0, 0%, 0%, 0.2)
ось-X ось-Y размытие радиус
цвет
4px 4px 4px 4px
hsla(0, 0%, 0%, 0.5)
ось-X ось-Y размытие радиус
цвет
4px 4px 4px 4px
hsla(0, 100%, 50%, 0.5)
ось-X ось-Y размытие радиус
цвет
4px 4px 4px 4px
hsla(240, 100%, 50%, 0.5)
Множественные тени
4px 4px 4px 4px hsla(0, 100%, 50%, 0.5)
,
-4px -4px 4px 4px hsla(240, 100%, 50%, 0.5);
Множественные тени
-4px -4px 4px 4px hsla(0, 100%, 50%, 0.5)
,
4px 4px 4px 4px hsla(240, 100%, 50%, 0.5);