Skip to content

Commit 20e329b

Browse files
authored
Update src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md
1 parent a8f8a9f commit 20e329b

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4932,7 +4932,7 @@ function navigateBack(url) {
49324932
</ViewTransition>
49334933
```
49344934

4935-
ここでは、遷移タイプに基づいてどのようにアニメーションするかを定義するため、props として `share` を渡しています。`nav-forward` による共通要素ビュー遷移が起動すると、ビュー遷移クラスとして `slide-forward` が適用されます。`nav-back` による場合は`slide-back` のアニメーションが起動します。これらのアニメーションを CSS で定義しましょう。
4935+
ここでは、遷移タイプに基づいてどのようにアニメーションするかを定義するため、props として `share` にオブジェクトを渡しています。共通要素ビュー遷移が `nav-forward` によって起動した場合には、ビュー遷移クラスとして `slide-forward` が適用されます。`nav-back` による場合には`slide-back` のアニメーションが起動します。これらのアニメーションを CSS で定義しましょう。
49364936

49374937
```css
49384938
::view-transition-old(.slide-forward) {

0 commit comments

Comments
 (0)