HOME
サイトマップ
営業日カレンダー
お問い合わせ
HOME
サイトマップ
営業日カレンダー
お問い合わせ
csstest:Web Animation APIを使った歯車アイコンアニメーション
「Web Animation API」とは、これまでのCSSのTransitionsやSVGを使ったアニメーションをJavaScriptでおこなうためのAPIで、アニメーションの統一的なインターフェースを目指して仕様の策定が進められたいます。CSSのみで作るアニメーションと比べて実行時の制御が容易になります。
サンプルは、3つのサイズの違う歯車が回転するアニメーションで、「Settings」のボタンで回転を止めたり、スライダーにより回転速度を変更することができます。
Settings
Stop All
Speed:
1
※引用と参考;
https://codepen.io/snowleo208/pen/jXLowg
Amazon.co.jp ウィジェット
banner画像(sサイズ) include-set07
株式会社コニファのSaaS、ASP