[Svelte] 스벨트 10장 Transitions

전환 효과 FadeIn, FadeOut # 요소를 DOM 안팎으로 우아하게 전환하여 보다 매력적인 사용자 인터페이스를 만들 수 있습니다. Svelte는 "transition" 지시어를 사용하여 이것을 매우 쉽게 만듭니다.

import { fade } from 'svelte/transition'; let visible = true;

Fades in and out # 아래 처럼 옵션값을 설정할 수도 있습니다. "y" 값의 경우 아래에서 위로 올라는 효과를 얻을 수 있습니다.

Flies in and out # App.svelte import { fade } from 'svelte/transition'; let visible = true;