Question

有没有人知道可以处理css3渐变的在线css优化器/格式化程序？

我尝试使用http://www.cleancss.com/，但转换了类似这样的跨浏览器样式：

.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));

成：

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

谢谢！

Answer 1

这个说它可以处理CSS3 http://devilo.us/。我尝试了你的代码片段并且它对于十六进制不是太聪明，但至少它不会影响你的代码。

Answer 2

http://refresh-sf.com/

在下拉列表中将其设置为“CSS”后，它可以很好地处理跨浏览器的CSS渐变，包括最小化十六进制值。

它压缩了这个（260个字符）：

.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));
    }

到此（219个字符）：

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

Answer 3

虽然在这里并不是特别重要，但我强烈建议尝试SASS进行各种压缩（不删除东西），并为CSS添加一整堆酷炫的东西：

$ sass --watch -t compressed master.scss:master.css

哪个会“观察”master.scss进行更改，一旦通过保存文件进行了更改，CSS就会被压缩并保存到master.css。

SASS还为CSS添加了很多很酷的东西，比如变量，if / else statments，可重复使用的代码块（例如Mixins），以及像lighten(#000, 10%)和darken(#fff, 30%)这样可以带来颜色和变亮的功能/使其变暗特定百分比。

很多很酷的东西，请查看。

Answer 4

最好将CSS格式化为自己可读，然后在转移到制作时自动使用CSS minifier。

Answer 5

您也可以使用http://tools.w3clubs.com/cssmin/这是YUI压缩器的端口。在我的测试中，它比上面提到的更好。

可以处理CSS3渐变的在线CSS优化器

5 个答案: