Merge pull request #248 from alibaba/split/pr-207-simulator-mask-css
This commit is contained in:
@@ -7,3 +7,7 @@
|
|||||||
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wrapper.visible {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|||||||
@@ -151,7 +151,7 @@ export class SimulatorMask {
|
|||||||
this.motion?.start()
|
this.motion?.start()
|
||||||
this.motion?.fadeIn()
|
this.motion?.fadeIn()
|
||||||
|
|
||||||
this.wrapper.style.display = 'block'
|
this.wrapper.classList.add(styles.visible)
|
||||||
|
|
||||||
// Initialize cursor position
|
// Initialize cursor position
|
||||||
this.#currentCursorX = window.innerWidth / 2
|
this.#currentCursorX = window.innerWidth / 2
|
||||||
@@ -172,7 +172,7 @@ export class SimulatorMask {
|
|||||||
this.#cursor.classList.remove(cursorStyles.clicking)
|
this.#cursor.classList.remove(cursorStyles.clicking)
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.wrapper.style.display = 'none'
|
this.wrapper.classList.remove(styles.visible)
|
||||||
}, 800) // Match the animation duration
|
}, 800) // Match the animation duration
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user