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

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

1 голос
/ 02 января 2012

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

@-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%, говоря, что это недействительно.

Есть идеи?

Ответы [ 2 ]

2 голосов
/ 02 января 2012

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

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

0 голосов
/ 02 января 2012

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

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

...