3d cube with animation

[nikostzounakos]

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

[Erik_J]

@nikostzounakos

From my search I think i will need three.js,

Not necessarily,

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

[PaulOB]

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

Scroll Animation - CSS-Tricks

[nikostzounakos]

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.