Colors, Effects & Motion

Colors, Effects & Motion Free · No sign-up

Shadow Generator

Create and customize CSS box shadows with a visual editor. Design layered shadows, inner shadows, and glows with real-time preview.

Advertisement

Hostinger VPS Hosting — KVM 1 plan, 20% instant discount

Shadow Presets

Shadows

Shadow 1

Shadow Settings

Offset X: 0px

Offset Y: 4px

Blur: 8px

Spread: 0px

Color

Inner Shadow

Element Settings

Background Color

Border Radius: 8px

Generated CSS

.element {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 8px;
}

Rate this tool

No ratings yet — be the first!

Keep going

More tools you might like

All colors, effects & motion

Animation GeneratorCreate CSS keyframe animations.Color ConverterConvert between HEX, RGB and HSL.Gradient GeneratorCreate CSS gradients.Border Radius GeneratorGenerate border-radius values.CSS FiltersGenerate CSS filter effects.Color PickerPick and convert colors.TeraBox DownloaderDownload and stream files from TeraBox share links.YouTube to MP3 ConverterConvert YouTube videos to MP3 and download audio free.