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