Back to Serenity

Box-shadow Tests

Base/res/html/misc/box-shadow.html

latest663 B
Original Source

Box-shadow Tests

Border radius 50%

box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px

Border radius: Egg

box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px

Border radius 20px

box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px

box-shadow: magenta -40px -20px

No border radius

box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px

box-shadow: 20px 10px 5px magenta

box-shadow: 20px 10px magenta

box-shadow: magenta -40px -20px

box-shadow: 20px 10px rgba(255,0,255,0.5)

box-shadow: -40px -20px rgba(255,0,255,0.5)