CSS Playground

Experiment with CSS properties using visual sliders

Adjust Properties

Dimensions

Width300px

Height200px

Spacing

Padding20px

Margin10px

Border Radius10px

Box Shadow

Offset X0px

Offset Y4px

Blur10px

Spread0px

Shadow Color

Colors

Background

Text Color

Live Preview

Preview Box

Generated CSS

.preview-box {
  width: 300px;
  height: 200px;
  padding: 20px;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px #000000;
  background-color: #667eea;
  color: #ffffff;
}