Effetti con filtri SVG in Webflow

I filtri SVG sono la cosa più vicina alla vera magia ottica che Webflow abbia. Definisci un filtro una volta, lo richiami tramite ID, e puoi deformare, rifrangere e sfocare qualunque cosa stia dietro un elemento — il trucco dietro ogni effetto “liquid glass” convincente che hai visto ultimamente.

Questo corso breve raccoglie le build che sfruttano quella potenza: una navbar di vetro ispirata ad Apple, un bottone di vetro con hover in GSAP e un’animazione con spotlight e prisma. Ognuna arriva con un cloneable e una spiegazione onesta delle primitive dei filtri — displacement map, turbolenza, sfocatura gaussiana — così l’effetto smette di sembrare una scatola nera e diventa qualcosa che puoi regolare.