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;