deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Улучшение анимации листания

Browse Source
This commit is contained in:
Book Pauk
2019-08-23 15:38:12 +07:00
parent 63861789de
commit 2eab9c2837
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/components/Reader/TextPage/DrawHelper.js
View File

@@ -350,20 +350,18 @@ export default class DrawHelper {
page2.style.background = backgroundColor; page2.style.background = backgroundColor;
if (isDown) { if (isDown) {
page2.style.transformOrigin = '10%'; page2.style.transformOrigin = '5%';
await sleep(30); await sleep(30);
page2.style.transformOrigin = '0%';
page2.style.transition = `${duration}ms ease-in-out`; page2.style.transition = `${duration}ms ease-in-out`;
page2.style.transform = `rotateY(-120deg)`; page2.style.transform = `rotateY(-120deg) translateX(${this.w/4}px)`;
await animation2Finish(duration); await animation2Finish(duration);
} else { } else {
page2.style.transformOrigin = '90%'; page2.style.transformOrigin = '95%';
await sleep(30); await sleep(30);
page2.style.transformOrigin = '100%';
page2.style.transition = `${duration}ms ease-in-out`; page2.style.transition = `${duration}ms ease-in-out`;
page2.style.transform = `rotateY(120deg)`; page2.style.transform = `rotateY(120deg) translateX(-${this.w/4}px)`;
await animation2Finish(duration); await animation2Finish(duration);
} }