3d cube with animation

Hello!

I am trying to make a new project, where it will be a 3d cube and I want to animate it as you scroll down the page.

I think this is difficult with just CSS.

From my search I think i will need three.js, but there are some libraries that make it easier like GSAP.

So I just wanted to ask if you have any experience with something like that.
And also is this possible with just GSAP? Because it seems a lot easier than using directly three.js

Not necessarily, :slightly_smiling_face:

https://duckduckgo.com/?q=pure+css+3d+rotate+animation&ia=web

2 Likes

I think there’s an exact example of a rotating cube on scroll in this CSS tricks article. :slight_smile:

1 Like

Oh it’s simpler than I thought that’s great!

Thank you very much, I will try these examples, and try to make a polygon maybe, something like that, in order to understand it better.

3 Likes