this is on GitHub
CSS Minifier
Online CSS Processor and Minifier
Options
Minify
Beautify
Remove Comments
Add Vendor Prefixes
Apply Fallback Polyfills
Convert HSL(A) to RGB(A)
Convert RGB to HEX
Embed Images (server only)
Embed Fonts (server only)
Embed Imports (server only)
Line Wrapping
CSS to be processed:
Process
/* sample css here */ body { height: 100%; color: rgb(255, 100%, 50%); background: #121212; border-color: hsla(210, 100%, 50%, 0.1); border-color: hsl(120, 100%, 50%); background-color: rgba(255, 120, 80%, 0.7); } div { transform: translateX(0px); transition: transform 0.5s ease; border-radius: 20px; background: linear-gradient(to right, #ffffff 0%,#aaaaaa 37%,#222222 67%,#000000 100%); /* W3C */ } @keyframes anAnimation { 0% { transform: translateX(0px); } 100% { transform: translateX(100%); } } @keyframes anotherAnimation { 0% { opacity: 0; } 100% { opacity: 1; } }
Output: