2021/08/13 時点の英語版に同期

1 files changed, 32 insertions, 54 deletions

diff --git a/files/ja/web/css/css_transitions/index.md b/files/ja/web/css/css_transitions/index.md
index a179d1d939..3bc0e7e839 100644
--- a/files/ja/web/css/css_transitions/index.md
+++ b/files/ja/web/css/css_transitions/index.md
@@ -3,59 +3,37 @@ title: CSS トランジション
 slug: Web/CSS/CSS_Transitions
 tags:
   - CSS
-  - CSS Transitions
-  - Experimental
-  - Overview
-  - Reference
-  - TopicStub
+  - CSS トランジション
+  - ガイド
+  - 概要
+  - リファレンス
 translation_of: Web/CSS/CSS_Transitions
 ---
-<div>{{CSSRef}}</div>
-
-<p><ruby><strong>CSS トランジション</strong><rp> (</rp><rt>CSS Transition</rt><rp>) </rp></ruby>は CSS のモジュールの一つで、特定の CSS プロパティの値の間でスムーズな変化を作り出す方法を定義します。タイミング関数を使って、ただ作り出すだけでなく、その進化を定義することもできます。</p>
-
-<h2 id="Reference" name="Reference">リファレンス</h2>
-
-<h3 id="Properties" name="Properties">プロパティ</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("transition")}}</li>
- <li>{{cssxref("transition-delay")}}</li>
- <li>{{cssxref("transition-duration")}}</li>
- <li>{{cssxref("transition-property")}}</li>
- <li>{{cssxref("transition-timing-function")}}</li>
-</ul>
-</div>
-
-<h2 id="Guide" name="Guide">ガイド</h2>
-
-<dl>
- <dt><a href="/ja/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions">CSS トランジションの使用</a></dt>
- <dd>CSS を使ってスムーズな変化を作る方法についての、ステップ・バイ・ステップのチュートリアルです。この記事では関連する各 CSS プロパティと、それらがどのように作用するかを解説します。</dd>
-</dl>
-
-<h2 id="Specifications" name="Specifications">仕様書</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-   <th scope="col">状態</th>
-   <th scope="col">備考</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('CSS3 Transitions')}}</td>
-   <td>{{Spec2('CSS3 Transitions')}}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>CSS トランジションに関連して、<a href="/ja/docs/Web/CSS/CSS_Animations">CSS アニメーション</a>では、より細かいプロパティの動きの制御を提供します。</li>
-</ul>
+{{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)では、より細かいプロパティの動きの制御を提供します。