flo-bit.dev / flo-bit.github.io
[READ-ONLY] Mirror of https://github.com/flo-bit/flo-bit.github.io. my personal website, w/ astro, svelte, tailwind, typescript, threlte flo-bit.dev/
portfolio portfolio-website svelte sveltekit tailwind threejs threlte typescript
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

flo-bit.github.io / src / components / Demos / svelte-audio-visualizations / visualizations / core / Glow.svelte
434 B 14 lines
1<script> 2 export let glow = 3; 3</script> 4 5<svg width="0" height="0"> 6 <filter id="blur" y="-50%" x="-50%" width="200%" height="200%"> 7 <feGaussianBlur in="SourceGraphic" stdDeviation={glow} result="blurred" /> 8 <feColorMatrix type="saturate" in="blurred" values="5" /> 9 <feComposite in="SourceGraphic" operator="over" /> 10 </filter> 11</svg> 12<div style="filter: url(#blur); height: 100%; width: 100%;"> 13 <slot /> 14</div>