Онлайн оптимизатор CSS, который может обрабатывать градиенты CSS3

Question

Кто-нибудь знает онлайн-оптимизатор css, который может обрабатывать градиенты css3?

Я пытался использовать 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

Вы также можете использовать http://tools.w3clubs.com/cssmin/, который является портом компрессора YUI.В моих тестах он работал лучше, чем все вышеперечисленное.

Answer 4

Вам лучше отформатировать CSS для удобства чтения, а затем автоматически использовать минификатор CSS при переходе к производству.

Answer 5

Хотя это не особо уместно, я бы настоятельно рекомендовал попробовать SASS , который выполняет все виды сжатия (без удаления элементов) и добавляет в CSS целую кучу интересных вещей:

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

, который будет "следить" за изменениями master.scss, и после внесения изменений путем сохранения файла CSS будет сжат и сохранен в master.css.

SASS также добавляет многоинтересных вещей в CSS, таких как переменные, операторы if / else, многократно используемые блоки кода (например, Mixins) и такие функции, как lighten(#000, 10%) и darken(#fff, 30%), которые могут принимать цвет и осветлять / затемнять его на определенный процент.

Много классных вещей, проверьте это.