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;