АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗mkLsBsACB 31 of 41 menu
Бесплатная Тренировка Верстки. Приглашаются желающие поверстать!

Применение блока кода для анимации в LESS

Давайте сделаем функцию, задающую ключевые кадры анимации:

.keyframes(@name, @code) { @keyframes @name {@code();} }

Воспользуемся нашей функцией:

.keyframes(anim, { from { width: 100px; } to { width: 200px; } });

Результат компиляции:

@keyframes anim { from { width: 100px; } to { width: 200px; } }
enru