Transform

このエントリーをはてなブックマークに追加

CSS3で変形を行うTransformモジュールのプロパティの一覧です。

  • backface-visibility
    backface-visibilityプロパティは3D変形時の背景を描画するかどうか指定するプロパティです。
  • perspective-origin
    perspective-originプロパティはperspectiveプロパティの3D変形時の奥行きの位置を指定できるプロパティです。
  • perspective
    perspectiveプロパティは3D変形時の奥行きを指定できるプロパティです。
  • transform-style
    transform-styleは子要素を3D空間に配置するためのプロパティです。
  • transform-origin
    transform-originプロパティはtransformプロパティで行う自由変形の起点の位置を指定できるプロパティです。
  • matrix3d()
    transformプロパティのmatrix3d()は要素の3D自由変形が可能です。
  • matrix()
    transformプロパティのmatrix()は要素の自由変形が可能です。
  • perspective()
    perspective()はtransformプロパティによる自由変形時の起点となる奥行きを指定できます。
  • skewY()
    transformプロパティで指定できるのskewY()は要素をY軸に変形させることができます。
  • skewX()
    transformプロパティで指定できるのskewX()は要素をX軸に変形させることができます。
  • skew()
    transformプロパティで指定できるのskew()は要素をX軸とY軸に変形させることができます。
  • rotate3d()
    transformプロパティで指定できるのrotate3d()は要素を任意の軸を中心に回転させることができます。
  • rotateZ()
    transformプロパティで指定できるのrotateZ()は要素をZ軸を中心に回転させることができます。
  • rotateY()
    transformプロパティで指定できるのrotateY()は要素をY軸を中心に回転させることができます。
  • rotateX()
    transformプロパティで指定できるのrotateX()は要素をX軸を中心に回転させることができます。
  • rotate()
    transformプロパティで指定できるのrotate()は要素を回転させることが可能です。
  • scale3d()
    transformプロパティで指定できるのcale3d()は要素をX軸方向、Y軸方向、Z軸方向に拡大・縮小させることが可能です。
  • scaleZ()
    transformのscaleZ()は要素をZ方向に拡大・縮小させることが可能です。
  • scaleY()
    transformのscaleY()は要素の高さを拡大・縮小させることが可能です。
  • scaleX()
    transformのscaleX()では要素の横幅を拡大・縮小させることが可能です。
  • scale()
    transformのscale()では要素を拡大・縮小させることが可能です。
  • translateZ()
    transformのtranslate()では要素をZ軸方向に移動させることが可能です。
  • translate3d()
    transformのtranslate()では要素を3D移動させることが可能です。
  • translateY()
    transformのtranslateY()では要素をY軸方向に移動させることが可能です。
  • translateX()
    transformのtranslateX()では要素をX軸方向に移動させることが可能です。
  • translate()
    transformのtranslate()では要素を移動させることが可能です。
  • transform
    transformプロパティは要素の自由変形を行うためのプロパティです。

検索

スポンサードリンク

バージョン

リファレンス