Nou Generator de prompt AI — scrie prompturi mai bune pentru ChatGPT, Claude și Gemini →

Tranziția blur în Svelte în Svelte & SvelteKit

Aplică un efect de estompare gaussiană (blur) la apariția și dispariția elementului.

Sintaxă
import { blur } from 'svelte/transition'; transition:blur={{ amount: 10 }}

Efect vizual de blur

Tranziția blur animează filtrul CSS filter: blur(...) împreună cu opacitatea, creând o senzație de focalizare optică a conținutului.

Exemplu Concret: Tranziție blur pe text
<script>
  import { blur } from 'svelte/transition';
  let vizibil = $state(true);
</script>

{#if vizibil}
  <h1 transition:blur={{ amount: 8, duration: 400 }}>Bun venit pe Dexblog!</h1>
{/if}
Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Tranziția blur în Svelte

Ai o nelămurire despre utilizarea comenzii Tranziția blur în Svelte sau 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.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.