LESSCSS et @keyframes

Question

Quelqu'un at-il eu des problèmes avec LESSCSS et @keyframes ou @-ms-keyframes? Il compile l'amende CSS pour @-webkit-keyframes, @-moz-keyframes et @-o-keyframes.

Answer 1

Ceux-ci sont en liste blanche, -ms manque. keyframes devrait fonctionner: https://github.com /cloudhead/less.js/blob/master/lib/less/parser.js#L988

Il y a une demande d'ouverture d'une solution: https://github.com/cloudhead /less.js/pull/498

La solution commune est de mettre des images clés dans un fichier séparé .css que vous importez -. Les fichiers avec une extension .css ne sont pas analysés par MOINS

Answer 2

génération d'images clés semble être très compicated en moins, qui est pourquoi apparu différents hacks et des outils tels que:

• https://github.com/kuus/animate-me.less Un peu compliqué mixin générer deux images clés et animation avec un seul appel. Accepte à la fois sélecteur élém animé et images clés contenu css sous forme de chaînes. Jusqu'à 10 étapes dans les images clés
• https://github.com/thybzi/keyframes Mon outil inspiré par Animer-moi et d'autres solutions. Seulement Génère des images clés. besoins d'animation à appliquer séparément - ce qui permet d'appliquer plusieurs animations à un seul élément, ainsi que les mêmes images clés à multiples éléments. Plus d'actions nécessaires pour créer des images clés, mais utilise vrai css / moins moyen de générer leur style (vous pouvez utiliser des variables, les opérations, les fonctions et mixins là-bas). Jusqu'à 16 étapes images clés