Now we are going to add a stunning effect to the hover status of the book.
We plan to insert the following three pieces of information on hovering the box:
The effect that we are going to create with CSS3 is the rotation of the book using the CSS3 property called perspective. In this way, when the users hover the cursor over the book, the front side will rotate with a 3D animation and display back of the book.
In the following screenshot, you can see the off status on the left and the hover status on the right:
As we said in the previous section, we apply the rotating effect ...