CSS Minifier

Minify CSS online with csso — strip whitespace and comments, merge duplicate rules and shorthand properties. Shows byte savings, all local.

CSS input

/* Brand styles */
.button {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 8px;
  background: #1976d2;
  color: #ffffff;
  transition: background 0.2s ease;
}

.button:hover {
  background: #1565c0;
}

Restructure (merge duplicate rules)

218 B → 159 B (−27%)

Minified output

.button{display:inline-block;padding:12px 24px;border-radius:8px;background:#1976d2;color:#fff;transition:background .2s ease}.button:hover{background:#1565c0}

About CSS Minifier

Paste CSS to minify it with csso: whitespace and comments are stripped, and optionally duplicate rules are merged and declarations optimised.

Instant byte-savings report. Everything happens in your browser — your stylesheets are never uploaded.