3D animated books with CSS
You never know the power of CSS! With the development of tech, the CSS became more creative and powerful, even though it’s the basic knowledge when you step into the developer’s field. Making it 3D! When mention about 3D, the language always comes to my mind is “three.js” which is popular and dramatically powerful with Javascript knowledge needed. Yeah, it definitely needs work to follow up. But the CSS one is the easiest way to make the screen live. Live demo First comimg with the structure of the building, the html part. The book is the box of the playground. The four sides of the book vertically is inside the div named span tag. The top is the side of the book as we can see.Btw, I ignored the bottomside of the book, because we can’t see it when animated,right? :) Then the most important part is CSS. The font is from goole online font. And the basic setting for centring the book. The book positioned with the angles , the “transform ” rotates the sides of book. For the infinite anima
