CSS での変換と遷移

WBOY
リリース: 2016-09-21 13:56:10
オリジナル
1669 人が閲覧しました

変換: 変換

要素を移動、拡大縮小、回転、伸縮、または引き伸ばします。

メソッド:translate():

要素は、指定された左 (x 座標) と上 (y 座標) の位置パラメーターに従って、現在の位置から移動します

2 つの div があり、その CSS スタイルは次のとおりです:

リーリー

結果は次のとおりです:

回転()

要素は指定された角度だけ時計回りに回転します。負の値が許可され、要素は反時計回りに回転します。

2つのdivがあり、そのCSSスタイルは次のとおりです

リーリー

結果は次のとおりです:

スケール()

要素のサイズは、指定された幅 (X 軸) と高さ (Y 軸) パラメーターに従って増加または減少します

2 つの div があり、その CSS スタイルは次のとおりです:

リーリー

結果は次のとおりです:

スキュー()

指定された水平 (X 軸) パラメーターと垂直 (Y 軸) パラメーターに従って、要素が指定された角度だけ反転します

リーリー

結果は次のとおりです:

トランジション: トランジション

あるスタイルから別のスタイルに徐々に変化する要素の効果

次の CSS スタイルの div があります:

リーリー

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