CSS Text Shadow Generator

Create beautiful text shadow effects. Multiple layers, live preview, preset effects. Copy the CSS code.

Font Size

Text

Shadow 1

X: 2px

Y: 2px

Blur: 4px

Opacity: 50%

CSS

.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 64px;
}

Hello World