Skip to content

Commit 90018c6

Browse files
[css-view-transitions-2] ScopedVT: Update Introduction. w3c/csswg-drafts@227b73a
1 parent 2141c89 commit 90018c6

File tree

1 file changed

+38
-19
lines changed

1 file changed

+38
-19
lines changed

css-view-transitions-ja.html

Lines changed: 38 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -257,8 +257,8 @@
257257
●●options
258258

259259
spec_title:CSS View Transitions Module Level 2
260-
spec_date:2025-10-17
261-
trans_update:2025-10-18
260+
spec_date:2025-10-27
261+
trans_update:2025-10-28
262262
source_checked:250205
263263
page_state_key:CSS
264264
original_url:https://drafts.csswg.org/css-view-transitions-2/
@@ -1354,7 +1354,6 @@
13541354
指す/指して:refer
13551355
内/外:in or out
13561356
の外:out of
1357-
~page全般:page-wide
13581357
〜周り:around
13591358
の下に:beneath
13601359
奥にある:beneath
@@ -1647,12 +1646,14 @@ <h2 title="Introduction">1. 序論</h2>
16471646
]を導入する。
16481647
`~view遷移@
16491648
( `view transition^en )とは、[
1650-
`文書$を成す ある状態から異なる状態
1649+
1650+
`文書$/`要素$
1651+
]を成す ある状態から異なる状態
16511652
]あるいは[
16521653
文書から同一-生成元な別個な文書
16531654
]へ~animateされる視覚的な遷移である。
16541655
1655-
This specification introduces a DOM API and associated CSS features that allow developers to create animated visual transitions, called view transitions between different states of a document, or between distinct same-origin documents.
1656+
This specification introduces a DOM API and associated CSS features that allow developers to create animated visual transitions, called view transitions between different states of a document or an element, or between distinct same-origin documents.
16561657
</p>
16571658

16581659
<section id="intro-l2">
@@ -1695,6 +1696,13 @@ <h3 title="Level 2 Updates">1.1. ~level 2 による更新</h3>
16951696
も含む。
16961697
16971698
Sharing styles between view transition pseudo-elements, a way to declare a style once, and use it for multiple view transition pseudo-elements. This includes the view-transition-class property, and additions to named pseudo-elements
1699+
</li>
1700+
<li>
1701+
`§ 視野~付き~view遷移@#scoped-vt$
1702+
1703+
~DOM下位treeが成す視野の中で~view遷移を遂行するための仕方。
1704+
1705+
Scoped view transitions, a way to perform view transitions within the scope of a DOM subtree.
16981706
</li>
16991707
</ul>
17001708

@@ -1754,23 +1762,33 @@ <h3 title="Separating Visual Transitions from DOM Updates">1.2. ~DOM更新と視
17541762
<h3 title="View Transition Customization">1.3. ~view遷移の~custom化</h3>
17551763

17561764
<p>
1757-
`Document$I の `startViewTransition()$m は、
1758-
既定では,~page全般な`~view遷移$を作成する
1759-
— それは、
1765+
1766+
`Element$I の `startViewTransition()$m1 /
1767+
`Document$I の `startViewTransition()$m
1768+
]は、
1769+
既定では,
1770+
`根~要素$vT全体に対する`~view遷移$を作成する
1771+
— この遷移は、
17601772
2 つの~DOM状態の間で~cross-fadeすることからなる。
1773+
1774+
By default, element.startViewTransition() and document.startViewTransition() create a view transition consisting of a cross-fade of the entire root element between the two DOM states.
1775+
</p>
1776+
1777+
<p>
17611778
開発者は、
1762-
`view-transition-name$p ~CSS~propを利用して,
1763-
どの要素が独立に捕捉されるかも選べる
1779+
`view-transition-name$p ~CSS~propを利用して,代わりに[
1780+
どの子孫~要素が独立に捕捉されるか
1781+
]を選べる
17641782
— それは、
1765-
要素が~pageを成す残りとは独立に~animateされることを許容する。
1783+
それらの要素が~pageを成す残りとは独立に~animateされることを許容する。
17661784
遷移-中な状態
17671785
(そこでは、旧-, 新- 両~視覚的な捕捉が存在する)
17681786
は,疑似要素たちとして表現されるので、
17691787
開発者は,馴染みな特能
17701788
— `~CSS~animation@~CSSANIM$cite, `~Web~animation@~WANIM$cite など —
17711789
を利用して各~遷移を~custom化できる。
17721790
1773-
By default, document.startViewTransition() creates a view transition consisting of a page-wide cross-fade between the two DOM states. Developers can also choose which elements are captured independently using the view-transition-name CSS property, allowing these to be animated independently of the rest of the page. Since the transitional state (where both old and new visual captures exist) is represented as pseudo-elements, developers can customize each transition using familiar features such as CSS Animations and Web Animations.
1791+
Developers can instead choose which descendant elements are captured independently using the view-transition-name CSS property, allowing these to be animated independently of the rest of the page. Since the transitional state (where both old and new visual captures exist) is represented as pseudo-elements, developers can customize each transition using familiar features such as CSS Animations and Web Animations.
17741792
</p>
17751793

17761794
</section>
@@ -1785,26 +1803,27 @@ <h3 title="View Transition Lifecycle">1.4. ~view遷移の~lifecycle</h3>
17851803
</p>
17861804
<ol>
17871805
<li>
1788-
開発者は、
1789-
<code>document.`startViewTransition()$m</code>
1790-
を~callする
1806+
開発者は、[
1807+
<code>document.`startViewTransition()$m</code>
1808+
<code>%element.`startViewTransition()$m1</code>
1809+
]を~callする
17911810
— それは、
17921811
ある `ViewTransition$I %~view遷移 を返す。
17931812
1794-
Developer calls document.startViewTransition(updateCallback), which returns a ViewTransition, viewTransition.
1813+
Developer calls document.startViewTransition(updateCallback) or element.startViewTransition(updateCallback), which returns a ViewTransition, viewTransition.
17951814
</li>
17961815
<li>
17971816
文書の現在の状態が “旧-” 状態として捕捉される。
17981817
17991818
Current state captured as the “old” state.
18001819
</li>
18011820
<li>
1802-
描画は静止される
1821+
%~view遷移 の`根~要素$vTの中の描画は静止される
18031822
1804-
Rendering paused.
1823+
Rendering paused within the root element.
18051824
</li>
18061825
<li>
1807-
`startViewTransition()$m の引数に `更新~callback$V が供されたならば,それが~callされる
1826+
`startViewTransition()^m の引数に `更新~callback$V が供されたならば,それが~callされる
18081827
— それが,文書~状態を更新する。
18091828
18101829
Developer’s updateCallback function, if provided, is called, which updates the document state.

0 commit comments

Comments
 (0)