Efectul de zbor între containere
Funcția crossfade generează o pereche de tranziții [send, receive] asociate printr-o cheie identică (key). Când un element este eliminat dintr-un container și adăugat în altul, pare că zboară fizic între cele două poziții.
Exemplu Concret: Tablou Kanban cu mutare animată
<script>
import { crossfade } from 'svelte/transition';
const [send, receive] = crossfade({ fallback: (node) => scale(node) });
</script>
<!-- Pe elementul din prima listă: -->
<div in:receive={{ key: sarcina.id }} out:send={{ key: sarcina.id }}>{sarcina.text}</div>
Întrebări & Exemple de Cod:
Tranziția crossfade în SvelteAi o nelămurire despre utilizarea comenzii
Tranziția crossfade în Sveltesau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.