3

LESSCSSや@keyframesまたはに問題があった人はいますか@-ms-keyframes？@-webkit-keyframes、、@-moz-keyframesおよびのCSSを正常にコンパイルします@-o-keyframes。

4

2 に答える 2

6

これらはホワイトリストに登録されており、-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によって解析されません。

于 2011-12-02T06:50:34.083 に答える
1

キーフレームの生成はLESSで非常に複雑になっているようです。そのため、次のようなさまざまなハックやツールが登場しました。

  • https://github.com/kuus/animate-me.less1 回の呼び出しでキーフレームとアニメーションの両方を生成する少し複雑なミックスイン。アニメーション化されたelemセレクターとキーフレームのcssコンテンツの両方を文字列として受け入れます。キーフレームで最大10ステップ
  • https://github.com/thybzi/keyframesanimate-me やその他のソリューションに触発された私のツール。キーフレームのみを生成します。アニメーションは個別に適用する必要があります。これにより、複数のアニメーションを1つの要素に適用したり、同じキーフレームを複数の要素に適用したりできます。キーフレームを作成するにはさらに多くのアクションが必要ですが、スタイルを生成するために真のcss / less方法を使用します（変数、操作、関数、およびミックスインをそこで使用できます）。最大16のキーフレームステップ
于 2013-11-29T00:01:03.607 に答える