Animate or transition only when element comes in viewport

[Devr-pro]

Hey there!, I want to have a transition like scale,fade only when the element comes in viewport, like when user scrolls in, I may have solutions through libraries like GSAP,anime.js,etc but I want to implement it only through svelte code without any other package, How can I do so? Thanks.

[eltigerchino]

Check out these two libraries that implement the IntersectionObserver API in Svelte. You can use them and they also act as good examples around this.

• https://svelte-intersection-observer.onrender.com
• https://www.npmjs.com/package/svelte-inview

[Devr-pro]

Alright, Thanks!