[Svelte] 스벨트 10장 Transitions

전환 효과 FadeIn, FadeOut # 요소를 DOM 안팎으로 우아하게 전환하여 보다 매력적인 사용자 인터페이스를 만들 수 있습니다. Svelte는 "transition" 지시어를 사용하여 이것을 매우 쉽게 만듭니다. <script> import { fade } from 'svelte/transition'; let visible = true; </script> <p transition:fade>Fades in and out</p> # 아래 처럼 옵션값을 설정할 수도 있습니다. "y" 값의 경우 아래에서 위로 올라는 효과를 얻을 수 있습니다. <p transition:fly="{{ y: 200, duration: 2000 }}"> Flies in and out </p> # App.svelte <script> import { fade } from 'svelte/transition'; let visible = true; </script> <label> <input type="check...

원문링크 : [Svelte] 스벨트 10장 Transitions