---
title: CSS トランジション
slug: Web/CSS/CSS_Transitions
tags:
  - CSS
  - CSS トランジション
  - ガイド
  - 概要
  - リファレンス
translation_of: Web/CSS/CSS_Transitions
---
{{CSSRef}}

**CSS トランジション** (CSS Transition) は CSS のモジュールの一つで、特定の CSS プロパティの値の間でスムーズな変化を作り出す方法を定義します。タイミング関数を使って、ただ作り出すだけでなく、その進化を定義することもできます。

## リファレンス

### プロパティ

- {{cssxref("transition")}}
- {{cssxref("transition-delay")}}
- {{cssxref("transition-duration")}}
- {{cssxref("transition-property")}}
- {{cssxref("transition-timing-function")}}

## ガイド

- [CSS トランジションの使用](/ja/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions)
  - : CSS を使ってスムーズな変化を作る方法についての、ステップバイステップのチュートリアルです。この記事では関連する各 CSS プロパティと、それらがどのように作用するかを解説します。

## 仕様書

| 仕様書                           | 状態                          | 備考     |
| -------------------------------- | ----------------------------- | -------- |
| {{SpecName('CSS3 Transitions')}} | {{Spec2('CSS3 Transitions')}} | 初回定義 |

## 関連情報

- CSS トランジションに関連して、[CSS アニメーション](/ja/docs/Web/CSS/CSS_Animations)では、より細かいプロパティの動きの制御を提供します。