ホームページ > ウェブフロントエンド > htmlチュートリアル > css3 トランジションtransition_html/css_WEB-ITnose

css3 トランジションtransition_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:50:04
オリジナル
1357 人が閲覧しました

Transition: トランジション

Transition: トランジションプロパティ/デュレーション/タイミング関数/ディレイの略。
transition: <'transition-duration'> .. ];

transition-property: 変換のプロパティ名。
none、all、1 つ以上の (カンマ区切り)。

Transition-duration:持続時間。単位はsまたはmsです。

Transition-timing-function: トランジションエフェクトのスピードカーブ。
linear: 均一速度、cubic-bezier(0,0,1,1)に等しい
ease: 低速または高速、cubic-bezier(0.25,0.1,0.25,1)に等しい
ease-in: ゆっくり開始、等しいto cubic-bezier (0.25,0.1,0.25,1)
ease-out:slowで終了、cubic-bezier(0,0,0.25,1)と等しい
ease-in-out:slowで開始し、equalで終了to cubic-bezier(0.42 ,0,0.58,1)
cubiz-bezier(n,n,n,n): [cubic Bezier] cubiz-bezier関数に独自の値0~1を定義します。

移行遅延: 開始時間を指定します。デフォルトは 0 です。
複数の属性のカンマ区切りの遅延時間。
-moz-transition: color 0.3sease-out 2s;




over










;

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート