remember-word/components/page-animation/index.css
2024-05-04 12:14:58 +08:00

29 lines
574 B
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* #ifdef H5 */
uni-page {
opacity: 0;
}
uni-page.animation-before {
/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute需要在动画完成后移除 */
transform: translateY(20px);
}
uni-page.animation-leave {
transition: all .3s ease;
}
uni-page.animation-enter {
transition: all .3s ease;
}
uni-page.animation-show {
opacity: 1;
}
uni-page.animation-after {
/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute需要在动画完成后移除 */
transform: translateY(0);
}
/* #endif */