ホームページ > ウェブフロントエンド > CSSチュートリアル > cssのtransformtransformプロパティの詳細な紹介

cssのtransformtransformプロパティの詳細な紹介

高洛峰
リリース: 2017-03-20 16:28:32
オリジナル
1892 人が閲覧しました

transition: トランジション 属性

  • transition-property はトランジション効果を設定する CSS プロパティの名前を指定します。デフォルトは all

  • transition-duration と記述できます。指定しますトランジション効果を完了するのに必要な秒数またはミリ秒

  • transition-timing-function: デフォルトのeasetransition-delivery: 遅延時間

    • ease: 徐々に遅くします

    • linear: 均一速度

    • イーズイン: 加速

    • イーズアウト: 減速

    • イーズインアウト: 最初に加速してから減速

    • cubic-bezier: ベジェ曲線

transform:変形

cssのtransformtransformプロパティの詳細な紹介rotation:rotate()degree

sk ew: スキュー(): 度

  • skewX

  • skewY

    • Scale:scale():正の数、負の数、10進数

    • scale Yes
  • 変換 最初に回転を実行し、次にスケーリングを実行します

    • 上記の変換の値も中心点(transform-origin)に基づいて変化します

以上がcssのtransformtransformプロパティの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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