Perspective problem

Question

I made a code which generates a book which works actually; But when I implemented perspective to the pages and cover it doesn't works;
Please help me with this;

https://sololearn.com/compiler-playground/WYk8br0iGkiX/?ref=app

Answer 1

In your code, the parent element that wraps around your book content is the <div> element with the class "book". This element contains both the cover and the pages of the book. You would apply the perspective property to the '.book' class to ensure that the 3D transformations are applied correctly to its child elements.

You can find more details in CSS course > Chapter: Style Inheritance