LESSCSS e @keyframes

Question

Qualcuno ha avuto problemi con LESSCSS e @keyframes o @-ms-keyframes? Compila la multa CSS per @-webkit-keyframes, @-moz-keyframes e @-o-keyframes.

Answer 1

Questi sono whitelist, -ms manca. keyframes dovrebbe funzionare: https://github.com /cloudhead/less.js/blob/master/lib/less/parser.js#L988

C'è una richiesta aperta per una correzione: https://github.com/cloudhead /less.js/pull/498

La soluzione comune è quello di mettere i fotogrammi chiave in un file .css separato che si importa -. I file con estensione css non vengono analizzati da MENO

Answer 2

generazione fotogrammi chiave sembra essere molto compicated in meno, che è il motivo per cui è apparso diversi hack e strumenti come:

• https://github.com/kuus/animate-me.less Un po 'complicato mixin generare sia fotogrammi e animazioni con una sola chiamata. Accetta sia selettore elem animato e fotogrammi chiave contenuti css come stringhe. Fino a 10 passi in fotogrammi chiave
• https://github.com/thybzi/keyframes Il mio strumento ispirato da animare-me e altre soluzioni. Genera solo i fotogrammi chiave. esigenze di animazione da applicare separatamente - che consente di applicare più animazioni a un singolo elemento, e anche gli stessi fotogrammi chiave a più elementi. Ulteriori azioni necessarie per creare i fotogrammi chiave, ma utilizza vera css / meno modo per generare il loro stile (in modo da poter utilizzare le variabili, le operazioni, funzioni e mixins lì). Fino a 16 fotogrammi chiave passaggi