CSS Minified CSS
Minify and format CSS code locally in your browser.
61 B -> 0 B, 100.0% smaller
About CSS Minifier
The CSS minifier removes comments and extra whitespace, drops the last semicolon before a closing brace, shortens colors like #ffffff to #fff and 0px to 0, and collapses margin and padding values that repeat. It doesn't remove unused rules. Beautify / Format does the opposite and lays the CSS out again with Prettier.
Frequently asked questions
Will minification break my CSS?
It can in one common case. The minifier works with text patterns rather than a full CSS parser and removes the spaces around a plus sign, so calc(100% + 10px) becomes calc(100%+10px), which browsers ignore. Check the output when your CSS uses calc() with addition.
Should I minify before or after PostCSS?
After. Minify as the last step in the build so plugins like autoprefixer see readable input.