エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【保存版】CSSアニメーションの種類・使い方・サンプル - 株式会社オーツー|スタッフブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【保存版】CSSアニメーションの種類・使い方・サンプル - 株式会社オーツー|スタッフブログ
こんにちは。 Webデザイナーの山本です。 今回はCSSアニメーションの種類や詳細、使い方の例などをご紹... こんにちは。 Webデザイナーの山本です。 今回はCSSアニメーションの種類や詳細、使い方の例などをご紹介します! CSSアニメーションとは? CSSアニメーションとは、CSSだけでアニメーションすることができる機能のことです。 animationとtransitionの2種類があります。 animationは再生回数を指定したり逆再生や遅延して再生など詳細な指定が可能ですが、transitionはhover(マウスオーバー)などのタイミングで1度だけの再生になります。 主な違いはこんな感じ。 ▼animation ・ループできる ・本格的なアニメーションの設定ができる ・再生後にプロパティの継続ができる ・自動再生ができる ▼transition ・ループできない ・hover等のきっかけが必要(自動再生できない) ・再生後にプロパティが元に戻る animation animationは