🌈 CSS Shadow Generator

← Back to Dytik

Preview

Horizontal Offset

Vertical Offset

Blur Radius

Spread Radius

Shadow Color

Options

Shadow Text

Horizontal Offset

Vertical Offset

Blur Radius

Shadow Color

📄 CSS Code

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

AdSense Ad Space

CSS Box Shadow

The box-shadow property adds shadow effects around an element's frame. You can set multiple effects separated by commas.

Syntax: box-shadow: [inset] x-offset y-offset blur-radius spread-radius color;

CSS Text Shadow

The text-shadow property adds shadows to text. It's great for creating depth and special effects.

Syntax: text-shadow: x-offset y-offset blur-radius color;