Skip to content

Commit c030585

Browse files
committed
wording
1 parent 958fee5 commit c030585

2 files changed

Lines changed: 3 additions & 4 deletions

File tree

src/content/docs/basics/pseudos.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -361,7 +361,7 @@ Because they are animatable CSS properties, view transition names can even be ch
361361

362362
The components that form the "curtain" are called _view transition pseudo-elements_. While they aren't real DOM elements, they can be targeted with CSS selectors and styled using CSS rules. You may already be familiar with other HTML pseudo-elements like `::before` or `::first-letter`.
363363

364-
The View Transition API introduces five types of pseudo-elements:
364+
The View Transition API introduces six types of pseudo-elements:
365365

366366
- `::view-transition`
367367
- `::view-transition-group`

src/content/docs/fwvt/customizing.mdx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -116,10 +116,9 @@ Let’s jump in!
116116

117117
## Meet the Pseudo-Elements
118118

119-
120119
Our journey begins by uncovering what happens behind the scenes when navigating between pages on a multi-page site with cross-document view transitions enabled.
121120

122-
By applying the `@view-transition { navigation: auto }` CSS at-rule to all pages of your site, the View Transition API dynamically generates five [pseudo-elements](/basics/pseudos/) and injects them as a sub-tree within the document root.
121+
By applying the `@view-transition { navigation: auto }` CSS at-rule to all pages of your site, the View Transition API dynamically generates the following five [pseudo-elements](/basics/pseudos/) for the document element and injects them as a sub-tree of the document root.
123122

124123

125124
```txt title="Pseudo-elements created by the View Transition API"
@@ -137,7 +136,7 @@ These pseudo-elements actually cover your entire viewport, concealing the origin
137136
* The `::view-transition-new(root)` is an image that shows the new page's viewport. Nice thing here is, that it is not a static snapshot. While it exists it dynamically reflects any changes happening on the new page.
138137
* The remaining three pseudo-elements are simple containers, similar to `<div>` elements. We'll revisit their role and how they animate in a future episode.
139138

140-
Despite their unconventional names, these pseudo-elements behave like any other HTML pseudo-elements, making them fully customizable with CSS.
139+
Despite their unconventional names, these pseudo elements behave much like any other HTML pseudo elements, making them fully customisable with CSS.
141140

142141
## Cross-Fade Defaults
143142

0 commit comments

Comments
 (0)