CSS Generator

Generate CSS from visual controls.

Snippet type

Live preview

Click me

Controls

Color

Radius — 12px

Blur — 16px

Spread — 0px

Generated CSS

.button {
  background: #8B5CF6;
  color: #ffffff;
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 5px 16px 0px #8B5CF659;
  transition: transform .15s ease, box-shadow .15s ease;
}
.button:hover {
  transform: translateY(-1px);
}