SnippetVault V3 is now live
The developer's
second brain.
Store, organize, and share your reusable code instantly. Built with a premium developer experience inspired by the tools you already love.
useScrollMotion.ts
123456789
export function useScrollMotion() {
const { scrollY } = useScroll();
const opacity = useTransform(scrollY, [0, 200], [1, 0]);
return {
opacity,
scale: useTransform(scrollY, [0, 200], [1, 0.9])
};
}
const { scrollY } = useScroll();
const opacity = useTransform(scrollY, [0, 200], [1, 0]);
return {
opacity,
scale: useTransform(scrollY, [0, 200], [1, 0.9])
};
}
Save snippet...
My Workspaces
React Hooks / UI