You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
By default, `<ViewTransition>` includes the default cross-fade from the browser.
2486
+
기본적으로 `<ViewTransition>`은 브라우저의 기본 크로스페이드를 포함합니다.
2487
+
2488
+
애니메이션을 커스터마이징하려면 [어떻게 `<ViewTransition>`이 활성화되는지](/reference/react/ViewTransition#props)에 따라 어떤 애니메이션을 사용할지 지정하는 props를 `<ViewTransition>` 컴포넌트에 제공할 수 있습니다.
2489
+
2490
+
예를 들어 `default` 크로스페이드 애니메이션을 느리게 만들 수 있습니다.
2487
2491
2488
-
To customize animations, you can provide props to the `<ViewTransition>` component to specify which animations to use, based on [how the `<ViewTransition>` activates](/reference/react/ViewTransition#props).
2489
2492
2490
-
For example, we can slow down the `default` cross fade animation:
2491
2493
2492
2494
```js
2493
2495
<ViewTransition default="slow-fade">
2494
2496
<Home />
2495
2497
</ViewTransition>
2496
2498
```
2497
2499
2498
-
And define `slow-fade` in CSS using [view transition classes](/reference/react/ViewTransition#view-transition-classes):
2500
+
그리고 [뷰 전환 클래스](/reference/react/ViewTransition#view-transition-classes)를 사용하여 CSS에서 `slow-fade`를 정의합니다.
2499
2501
2500
2502
```css
2501
2503
::view-transition-old(.slow-fade) {
@@ -2507,7 +2509,7 @@ And define `slow-fade` in CSS using [view transition classes](/reference/react/V
2507
2509
}
2508
2510
```
2509
2511
2510
-
Now, the cross fade is slower:
2512
+
이제 크로스페이드가 더 느려집니다.
2511
2513
2512
2514
<Sandpack>
2513
2515
@@ -3686,7 +3688,7 @@ root.render(
3686
3688
3687
3689
</Sandpack>
3688
3690
3689
-
See [Styling View Transitions](/reference/react/ViewTransition#styling-view-transitions) for a full guide on styling `<ViewTransition>`.
3691
+
`<ViewTransition>` 스타일링에 대한 전체 가이드는 [View Transitions 스타일링](/reference/react/ViewTransition#styling-view-transitions)을 참조하세요.
3690
3692
3691
3693
### Shared Element Transitions {/*shared-element-transitions*/}
0 commit comments