Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import { useScroll } from "react-use-gesture";
const App = () => {
const [style, set] = useSpring(() => ({
transform: "perspective(500px) rotateY(0deg)"
}));
const bind = useScroll(event => {
set({
transform: `perspective(500px) rotateY(${
event.scrolling ? event.delta[0] : 0
}deg)`
});
});
return (
<>
<div className="container" {...bind()}>
{movies.map(src => (
<animated.div
key={src}
className="card"
style={{
...style,
backgroundImage: `url(${src})`
}}
/>
))}
</div>
</>
);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.