From 0fa5eee222375e2fc1148fd70e4daa9df2a0fa31 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Thu, 5 Oct 2023 21:45:02 +0900
Subject: [PATCH] =?UTF-8?q?2023/03/07=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/_doublecolon_view-transition/index.md | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 files/ja/web/css/_doublecolon_view-transition/index.md

diff --git a/files/ja/web/css/_doublecolon_view-transition/index.md b/files/ja/web/css/_doublecolon_view-transition/index.md
new file mode 100644
index 00000000000000..d208c883fa4bd9
--- /dev/null
+++ b/files/ja/web/css/_doublecolon_view-transition/index.md
@@ -0,0 +1,52 @@
+---
+title: "::view-transition"
+slug: Web/CSS/::view-transition
+l10n:
+  sourceCommit: 1a27ade8c981c8a98c8fac9881b362e881a4d236
+---
+
+{{CSSRef}}{{SeeCompatTable}}
+
+**`::view-transition`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、[ビュートランジション](/ja/docs/Web/API/View_Transitions_API)のオーバーレイのルートを表します。これはすべてのビュートランジションを含み、他のすべてのページコンテンツの最上位の上に位置します。
+
+ビュートランジションの間、 `::view-transition` は[ビュートランジションのプロセス](/ja/docs/Web/API/View_Transitions_API#the_view_transition_process)で説明されているように、関連する擬似要素ツリーに含まれます。これはこのツリーの最上位ノードであり、 1 つ以上の {{cssxref("::view-transition-group")}} を子として持ちます。
+
+`::view-transition` は UA スタイルシートでは以下の既定値が指定されています。
+
+```css
+html::view-transition {
+  position: fixed;
+  inset: 0;
+}
+```
+
+すべての {{cssxref("::view-transition-group")}} 擬似要素は、ビュートランジションルートに対して相対的に配置されます。
+
+## 構文
+
+```css
+::view-transition {
+  /* ... */
+}
+```
+
+## 例
+
+```css
+::view-transition {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [ビュートランジション API](/ja/docs/Web/API/View_Transitions_API)
+- [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/)