need help in decompose of this reall well made CSS Transforms Animation
Hey, I came across this linktr.ee (https://linktr.ee) page, and if you look at their landing page, the animations are really playing well with CSS Transforms. If you scroll down a bit, you can see how well these things are coming and fading, and the one in the header is rotating. I want really good help in understanding not only their HTML structure but also how they are working on CSS Transforms and everything that can help me achieve this.
One of my friends messaged me this, but I'm not able to understand what it means. 'There is surprisingly little magic involved in creating them. Mostly, it’s relying heavily on CSS 3D transforms. It just flips a root div. All the mockups are inside, each rotated by an incremental 180 degrees. Backface-visibility: hidden makes sure they’re not visible from the back. It opted for a procedural lerp instead of tween animations—incrementing the rotation by 180° on every click.
Linktree
Linktree: Link everything you are
Linktree makes room for all of you. Get everything you create, curate and share, wherever it’s scattered online, and put it back together again in one place – your Linktree – where it can be discovered with ease.
0 Replies