Меньшеч и @KeyFrames

Question

У кого -нибудь были проблемы с меньшим количеством CSS и @keyframes или же @-ms-keyframes? Он собирает CSS прекрасно @-webkit-keyframes, @-moz-keyframes а также @-o-keyframes.

Answer 1

Это белый список, -ms пропал, отсутствует. keyframes должно сработать: https://github.com/cloudhead/less.js/blob/master/lib/less/parser.js#l988

Есть открытый запрос на исправление: https://github.com/cloudhead/less.js/pull/498

Общий обходной путь - поместить ключевые кадры в отдельный .css Файл, который вы импортируете - файлы с расширением .css не проанализируются меньше.

Answer 2

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

• https://github.com/kuus/animate-me.lessНемного сложно, генерируя как ключевые кадры, так и анимацию одним вызовом. Принимает как анимированный Elem Selector, так и Cele -Frames CSS Content в виде строк. До 10 шагов в ключевых кадрах
• https://github.com/thybzi/keyframesМой инструмент, вдохновленный Animate-Me и другими решениями. Генерирует только ключевые кадры. Анимация должна применяться отдельно, что позволяет применять несколько анимаций к одному элементу, а также одинаковые ключевые кадры к нескольким элементам. Больше действий, необходимых для создания ключевых кадров, но использует истинный CSS/меньше способа генерирования их стиля (чтобы вы могли использовать там переменные, операции, функции и микшины). До 16 шагов ключевых кадров