Почему этот ключевой кадр webkit недействителен .less?

У меня есть небольшая анимация по ключевым кадрам, которую я иногда использую, она выглядит так:

@-webkit-keyframes zoom-zoom {
    0% {
        -webkit-transform: scale(.1);
        opacity: 0;
    }
    70% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
    }
}

Отлично работает в файле .CSS, но я конвертирую этот сайт для использования less.js, поэтому все мои таблицы стилей переписываются, но это не будет обрабатываться. Он выдает ошибку, когда достигает 0%, говоря, что это недействительно.

Любые идеи?


animation css less
person Fuego DeBassi    schedule 02.01.2012    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Я использую less.php для компиляции .less в .css, и он правильно обрабатывает анимацию CSS3. Вы можете использовать демонстрациюless.php, чтобы убедиться в этом самостоятельно.

Я предполагаю, что это ошибка в компиляторе less.js, вы можете рассмотреть возможность сообщения на github средство отслеживания ошибок для less.js. Пока вы не получите официальный ответ, вы можете просто использовать less.php для его компиляции.

person js-coder    schedule 02.01.2012

arrow_upward
0
arrow_downward

Я предполагаю, что до того, как люди начали использовать эти анимации, было написано меньше, поэтому он не знает, что это такое.

Я использую SASS (то же самое, но лучше :) ), который отлично их анализирует. В качестве альтернативы, возможно, у less есть более новая версия, где они их анализируют.

person Rich Bradshaw    schedule 02.01.2012