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

Question

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

@-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%, заявив, что это неверно.

Любые идеи?

Answer 1

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

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

Answer 2

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

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