Search code examples
cssgradient

Online CSS Optimizer That Can Handle CSS3 Gradients


Does anyone know of an online css optimizer / formatter that can handle css3 gradients?

I've tried using http://www.cleancss.com/ but converts something like this cross browser style :

.example {background:#555555;background:-moz-linear-gradient(top, #949494 0%, #555555 50%, #171717 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(50%,#555555), color-stop(100%,#171717)); 

into:

.example {background:0 color-stop(50%,#555555), color-stop(100%,#171717));}

Thanks!


Solution

  • This one says it can handle CSS3 http://devilo.us/. I tried your snippet and it wasn't too smart about the hex, but at least it doesn't hose your code.