diff options
| author | crupest <crupest@outlook.com> | 2021-07-07 00:37:33 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-07-07 00:37:33 +0800 |
| commit | f964adac55f0a231c43a14bf583137763d911bbe (patch) | |
| tree | f1a4486980583ce41a346502c22c9aff555477f8 /FrontEnd/src/views/common/dailog/FullPageDialog.css | |
| parent | 407f598e3765c5bd92e56df348a6c787707efc8c (diff) | |
| download | timeline-f964adac55f0a231c43a14bf583137763d911bbe.tar.gz timeline-f964adac55f0a231c43a14bf583137763d911bbe.tar.bz2 timeline-f964adac55f0a231c43a14bf583137763d911bbe.zip | |
feat: Add full page animation.
Diffstat (limited to 'FrontEnd/src/views/common/dailog/FullPageDialog.css')
| -rw-r--r-- | FrontEnd/src/views/common/dailog/FullPageDialog.css | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/FrontEnd/src/views/common/dailog/FullPageDialog.css b/FrontEnd/src/views/common/dailog/FullPageDialog.css index a196981c..fd125a5a 100644 --- a/FrontEnd/src/views/common/dailog/FullPageDialog.css +++ b/FrontEnd/src/views/common/dailog/FullPageDialog.css @@ -28,3 +28,21 @@ .cru-full-page-back-button {
color: var(--cru-primary-t-color);
}
+
+.cru-full-page-enter {
+ transform: translate(100%, 0);
+}
+
+.cru-full-page-enter-active {
+ transform: none;
+ transition: transform 0.3s;
+}
+
+.cru-full-page-exit-active {
+ transition: transform 0.3s;
+ transform: translate(100%, 0);
+}
+
+.cru-full-page-exit-done {
+ display: none;
+}
|