CSS Transitions プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル

Transitions アニメーション CSS プロパティとは

トピック:トランジションを使用すると、一定の期間にわたってプロパティ値を(ある値から別の値へ)スムーズに変更する 事ができる

プロパティ Transitions

Transitions アニメーション プロパティ 値Transitions アニメーション 内容 説明
transitionとは、
要素の2つの状態間の遷移を定義することができる。
transition-delayとは、
トランジションエフェクトをいつ開始するかを指定することができる。
transition-durationとは、
遷移エフェクトを完了するのに必要な秒数またはミリ秒数を指定することができる。
transition-propertyとは、
トランジションエフェクトを適用するCSSプロパティの名前を指定することができる。
transition-timing-functionとは、
トランジションエフェクトの速度カーブを指定することができる。
    トランジションエフェクトを作成するには、次の2つを指定することが必要:
  • エフェクトを追加するCSSプロパティ
  • 効果の持続時間
    使用上の注意:期間部分が指定されていない場合、デフォルト値は0なので、トランジションは効果がありません
CSS Transitions プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル
CSS Transitions プロパティ 一覧 | 使い方 | 書き方 | サンプル | セレクタ 値 | 属性 入門 | CSS マニュアル
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery