Excuse me, how to simulate the effect of one page of a book in the Web page, the kind that can turn the page around?

as shown in the figure, we are going to do a reader on the Web side. Through the api interface, I can get the content under different Section at one time. This Section is the real < section >. Then, the product design is required to achieve the effect as shown in the picture, like reading a book, you can turn the page left and right, and the length of the content in each section is uncertain.

could you tell me how to achieve this?

PS: We can"t use libraries like iscroll because they don"t support tagging. But our products require users to select content with the mouse. This is awkward. So it must be implemented in a native way.

Thank you

Mar.14,2021

someone has asked a question similar to yours before, how does make a picture flip? , please search for yourself before asking questions. Don't reach out to the party.

the following is my answer to that question:

15 examples of the best jQuery page flipping

Turn.js: realizes the effect of flipping books based on HTML5 & CSS3

CSS3 realizes 3D flipping

for you to find a few examples, this kind of thing is usually a lot of online search, find some demo source code, their own imitation to do it.


you can check


see if this is what you want

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eaf382-223a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eaf382-223a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?