CSS Shadow Sandbox

Play with different shadow values and see how depth changes the UI. I'm using root shadows and different type of gradients in the boxes so you know how it works

Soft Shadow

Subtle elevation for clean interfaces.

Text shadow

Multiple shadows create realistic depth.

Radial gradient

Colored shadows can create neon effects.

Conict Gradient

Inset shadows make elements feel pressed in.

Practicing with filter

This is a block of test with nothing important to add right now...This text contains a shadow, please check the drop-shadow built-in function

Backdrop Filter Demo

Scroll or move things behind this card to see the blur effect.

Glass Card

This uses backdrop-filter: blur().

This is a nice picture back when I used to live in my country The Dominican Republic, there is a nice wheather, nice people and the sunset is always there that makes my day the best day ever. I love to go to the beach I used to go around 4-5 times a month, I know that sounds like a lot but trust you never get bored to be there the music and the people makes a great environment and I live just an hour away so is great