Beautiful CSS box-shadow
📌 Press Ctrl+D to Bookmark this page.
- 01
box-shadow:
rgba(149, 157, 165, 0.2)
0px 8px 24px;
- 02
box-shadow:
rgba(0, 0, 0, 0.15)
1.95px 1.95px 2.6px;
- 03
box-shadow:
rgba(149, 157, 165, 0.2)
0px 8px 24px;
- 04
box-shadow:
rgba(0, 0, 0, 0.35)
0px 5px 15px;
- 05
box-shadow:
rgba(0, 0, 0, 0.16)
0px 1px 4px;
- 06
box-shadow:
rgba(0, 0, 0, 0.24)
0px 3px 8px;
- 07
box-shadow:
rgba(99, 99, 99, 0.2)
0px 2px 8px 0px;
- 08
box-shadow:
rgba(0, 0, 0, 0.1)
0px 4px 12px;
- 09
box-shadow:
rgba(0, 0, 0, 0.05)
0px 6px 24px 0px,
rgba(0, 0, 0, 0.08)
0px 0px 0px 1px;
- 10
box-shadow:
rgba(0, 0, 0, 0.16)
0px 10px 36px 0px,
- 11
box-shadow:
rgba(17, 12, 46, 0.15)
0px 48px 100px 0px;
- 12
box-shadow:
rgba(50, 50, 93, 0.25)
-1px 19px 16px -20px;
- 13
box-shadow:
rgba(50, 50, 93, 0.25)
0px 13px 27px -5px;
- 14
box-shadow:
rgba(38, 59, 80, 0.56)
0px 20px 30px -10px;
- 15
box-shadow:
rgba(50, 50, 93, 0.25)
0px 13px 27px -5px;
- 16
box-shadow:
rgba(50, 50, 93, 0.25)
0px 30px 60px -12px;
- 17
box-shadow:
rgba(50, 50, 93, 0.25)
0px 30px 60px -12px inset;
- 18
box-shadow:
rgba(0, 0, 0, 0.12)
0px 2px 3px;
- 19
box-shadow:
rgba(0, 0, 0, 0.16)
0px 3px 6px;
- 20
box-shadow:
rgba(0, 0, 0, 0.19)
0px 10px 20px;
- 21
box-shadow:
rgba(0, 0, 0, 0.25)
0px 14px 28px;
- 22
box-shadow:
rgba(0, 0, 0, 0.1)
0px 4px 6px -1px;
- 23
box-shadow:
rgba(0, 0, 0, 0.1)
0px 10px 15px -3px;
- 24
box-shadow:
rgba(0, 0, 0, 0.1)
0px 20px 25px -5px;
- 25
box-shadow:
rgba(0, 0, 0, 0.25)
0px 25px 50px -12px;
- 26
box-shadow:
rgba(0, 0, 0, 0.06)
0px 2px 4px 0px inset;
- 27
box-shadow:
rgba(0, 0, 0, 0.07)
0px 12px 28px 16px;
- 28
box-shadow:
rgba(0, 0, 0, 0.2)
0px 18px 50px -10px;
- 29
box-shadow:
rgba(0, 0, 0, 0.1)
0px 10px 50px 25px;
- 30
box-shadow:
rgba(0, 0, 0, 0.04)
0px 12px 18px -13px;