LessCSS y @Keyframes

Question

¿Alguien ha tenido problemas con LessCSS y @keyframes o @-ms-keyframes? Compila el CSS bien para @-webkit-keyframes, @-moz-keyframes y @-o-keyframes.

Answer 1

Estos son blancos, -ms Está perdido. keyframes Deberia trabajar: https://github.com/cloudhead/less.js/blob/master/lib/less/parser.js#l988

Hay una solicitud abierta para una solución: https://github.com/cloudhead/less.js/pull/498

La solución común es poner marcos clave en un .css Archivo que importa: los archivos con una extensión .css no están analizados por menos.

Answer 2

La generación de los plazos clave parece estar muy compicado en menos, por eso apareció diferentes hacks y herramientas como:

• https://github.com/kuus/animate-me.lessUna mezcla un poco complicada que genera fotogramas clave y animación con una sola llamada. Acepta tanto el contenido animado de selector ELEM y los cuadros CSS como cadenas. Hasta 10 pasos en fotogramas clave
• https://github.com/thybzi/keyframesMi herramienta inspirada en Animate-Me y otras soluciones. Genera pañuelos clave solamente. La animación debe aplicarse por separado, lo que permite aplicar múltiples animaciones a un solo elemento, y también los mismos fotogramas clave a múltiples elementos. Se necesitan más acciones para crear fotogramas clave, pero utiliza una verdadera forma de CSS/menos de generar su estilo (para que pueda usar variables, operaciones, funciones y mezclas allí). Hasta 16 pasos de cuadros de teclas