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

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

高洛峰
高洛峰オリジナル
2017-03-20 16:28:321894ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。