readtransform
のようなSVGアニメーション化可能なプロパティは、CSSトランジションによってアニメーション化できます。私は不透明度のようなものをアニメーション化することができますが、transform
はできません - どうしたのですか?CSS3トランジションによるSVG要素のアニメーション
2
A
答えて
2
不透明度がCSS propertyであり、変換がである。 CSSのプロパティはCSSトランジションによってアニメーション化することができますが、そのような方法でアニメーション化することはできませんが、SVG SMILによってアニメーション化することができます。
+2
svg属性変換の代わりにcss transformを使用すると、基本的に同じ効果でアニメーション化できます。 –
関連する問題
- 1. CSS3トランジション、キーフレーム、アニメーション
- 2. CSS3トランジション/アニメーションが機能しない
- 3. CSS3トランジション - 私は私のCSS3トランジションの問題を抱えています同じ要素
- 4. CSS3トランジション
- 5. HTML5 swipe.js css3トランジション。オフスクリーンレンダリングとページ要素のキャッシュ
- 6. css3でsvg要素のスタイルを設定する
- 7. css3トランジションを使って複数のCSS要素をターゲットにする
- 8. CSS3トランジションがアニメーション中にZ-インデックスを変更するようです。
- 9. スケール上のCss3トランジション
- 10. CSS3トランジションのJQueryフォールバック
- 11. D3とSVG要素にアニメーションを作成する
- 12. CSS3の複数のトランジションがアニメーションを逆転しました。
- 13. CSS3のパースペクティブ、トランジション、トランジションをjQueryで変更
- 14. jQueryUIのアニメーション化CSS3トランジションを使用した並べ替え
- 15. CSS3トランジション - アニメーション「アンカーポイント」を変更しますか?
- 16. SVG要素にアニメーションを適用できません
- 17. SVGパス要素
- 18. css3トランジション:フローティングアイテムの流体レイアウトアニメーション
- 19. IE9で動作するにはCSS3トランジションが必要
- 20. コンテンツの変更によるトランジション要素のサイズ
- 21. SVG要素のouterHTML
- 22. SVG要素のツールチップ
- 23. CSS3トランジション:「トランジション:すべて」は「トランジション:x」よりも遅いですか?
- 24. 要素のCSSトランジションがフェードインする
- 25. スムース(アニメーション)GUIトランジション
- 26. トランジションImageViewアニメーション
- 27. CSS3トランジションがトレイルを残す
- 28. CSS3背景画像トランジション
- 29. css3トランジションのように動作するJavascript
- 30. 要素にズーム - jquery SVG
この提案はまだ未来ですか? http://dev.w3.org/SVG/proposals/css-animation/animation-proposal.html#def_attributes – forresto