タグ「CSS Transforms」の付いた記事
10 件のドキュメントが見つかりました
- Web/CSS/CSS_Transforms/Using_CSS_transforms 座標空間を編集することで、CSS の 変換 ( transform ) は通常のフロー処理を混乱させずに、影響下にあるコンテンツの位置を変えることができます。これは、アフィン / 線形変換を ...
- Web/CSS/perspective CSS の perspective プロパティは、3D 配置された要素に遠近感を与えるため、z=0 平面とユーザ間の距離を決めます。z0 である 3D 要素はより大きく、z0 である 3D ...
- Web/CSS/perspective-origin CSS の perspective-origin プロパティは、ユーザの見ている位置を決めます。これは perspective プロパティによって 消失点 として使われます。
- Web/CSS/transform transform CSS プロパティは CSS 視覚整形モデルの座標空間を変更できるようにします。これを用いると、要素を移動、回転、スケーリング、傾斜させることができます。
- Web/CSS/transform-box transform-box プロパティは、 transform と transform-origin プロパティに関連したレイアウトボックスを定義します。
- Web/CSS/transform-function/rotateY CSSの rotateY() 関数は、要素のかたちは変えずに縦軸で回す変形を示します。回転の大きさは、角度で定められます。正数が時計回りで、負数は反時計回りです。
- Web/CSS/transform-function/translateX translateX() CSS 関数は、要素を平面上で水平方向に移動します。この変換は、水平方向の移動量を定義する length によって指定されます。
- Web/CSS/transform-function/translateZ CSS の translateZ() 関数は、3 次元空間の z 軸に沿って要素を移動させます。この変換は、移動量を定義する length によって指定されます。
- Web/CSS/transform-origin CSS の transform-origin プロパティは要素の変換 ( transform ) の原点を決めます。例えば、 rotate() 関数は transform-origin ...
- Web/CSS/transform-style CSS の transform-style プロパティは、要素の子要素が 3D 空間に配置されるのか、平らにされて要素の面上に配置されるのかを決めます。