LESSCSS и @keyframes - PullRequest
Новая
       7

LESSCSS и @keyframes

3 голосов
/ 30 ноября 2011

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

Ответы [ 2 ]

6 голосов
/ 02 декабря 2011

Это белый список, -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 не анализируются LESS.

1 голос
/ 29 ноября 2013

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

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