Spre deosebire de alte framework-uri unde adăugarea de animații necesită pachete greoaie externe, Svelte include nativ în compilator un motor de tranziții fizice ultra-fluid bazat pe CSS keyframes generate automat.
Animații și Tranziții Nativ Declarative în Svelte: fade, fly, slide și Directiva in/out în Svelte & SvelteKit
Animații & Tranziții
Svelte 5
Ghid complet pentru sistemul integrat de tranziții din Svelte: utilizarea pachetului svelte/transition (fade, fly, slide, scale), tranziții diferențiate la intrare și ieșire (in:fly out:fade).
Sintaxă
<div transition:fade={{ duration: 300 }}>Conținut Animat</div>