Component
3D Book Open Hover in Framer
Created by
Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
Created by
To create this 3D book open hover animation, I used 3D transforms to project the book in 3D space. The book component has two variants: default and hover. The component includes the front cover, back, and inside pages, with the back and pages set to absolute position. In the hover variant, the book is rotated along the y-axis, and some depth is added to elevate it slightly on hover.
To create this 3D book open hover animation, I used 3D transforms to project the book in 3D space. The book component has two variants: default and hover. The component includes the front cover, back, and inside pages, with the back and pages set to absolute position. In the hover variant, the book is rotated along the y-axis, and some depth is added to elevate it slightly on hover.
To create this 3D book open hover animation, I used 3D transforms to project the book in 3D space. The book component has two variants: default and hover. The component includes the front cover, back, and inside pages, with the back and pages set to absolute position. In the hover variant, the book is rotated along the y-axis, and some depth is added to elevate it slightly on hover.
The two variants of the 3D book component in Framer.
The two variants of the 3D book component in Framer.
The two variants of the 3D book component in Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.