---
title: CSS 座標変換
slug: Web/CSS/CSS_Transforms
tags:
  - CSS
  - CSS 座標変換
  - ガイド
  - 概要
  - Reference
translation_of: Web/CSS/CSS_Transforms
---
{{CSSRef}}

**CSS 座標変換** (CSS Transforms) は CSS のモジュールの一つで、 CSS でスタイル付けされた要素をどのように二次元または三次元空間に座標変換できるかを定義します。

## リファレンス

### プロパティ

- {{cssxref("backface-visibility")}}
- {{cssxref("perspective")}}
- {{cssxref("perspective-origin")}}
- {{cssxref("rotate")}}
- {{cssxref("scale")}}
- {{cssxref("transform")}}
- {{cssxref("transform-box")}}
- {{cssxref("transform-origin")}}
- {{cssxref("transform-style")}}
- {{cssxref("translate")}}

## データ型

- {{cssxref("<transform-function>")}}

## ガイド

- [CSS 座標変換の利用](/ja/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms)
  - : CSS でスタイル付けされた要素をどのように座標変換するかについての手順を追ったチュートリアルです。

## 仕様書

| 仕様書                             | 状態                            | 備考                   |
| ---------------------------------- | ------------------------------- | ---------------------- |
| {{ SpecName('CSS Transforms 2') }} | {{ Spec2('CSS Transforms 2') }} | 独立した座標変換を追加 |
| {{ SpecName('CSS3 Transforms') }}  | {{ Spec2('CSS3 Transforms') }}  | 初回定義               |