blob: 3bc0e7e839b334c10d36d7d51cfc8635248684e4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
---
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)では、より細かいプロパティの動きの制御を提供します。
|
