diff options
| author | crupest <crupest@outlook.com> | 2021-07-07 01:19:47 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-07-07 01:19:47 +0800 |
| commit | cd521b4fca89bebe036b70695f3b45b0cfcc035d (patch) | |
| tree | c7ebf089a323232d685dc9f03dbdee0956ea8fb3 /FrontEnd/src/views/common/dailog/Dialog.css | |
| parent | f964adac55f0a231c43a14bf583137763d911bbe (diff) | |
| download | timeline-cd521b4fca89bebe036b70695f3b45b0cfcc035d.tar.gz timeline-cd521b4fca89bebe036b70695f3b45b0cfcc035d.tar.bz2 timeline-cd521b4fca89bebe036b70695f3b45b0cfcc035d.zip | |
feat: Add dialog animations.
Diffstat (limited to 'FrontEnd/src/views/common/dailog/Dialog.css')
| -rw-r--r-- | FrontEnd/src/views/common/dailog/Dialog.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/FrontEnd/src/views/common/dailog/Dialog.css b/FrontEnd/src/views/common/dailog/Dialog.css index 6dd1a32e..21ea52fc 100644 --- a/FrontEnd/src/views/common/dailog/Dialog.css +++ b/FrontEnd/src/views/common/dailog/Dialog.css @@ -33,3 +33,23 @@ .cru-dialog-bottom-area > * {
margin: 0 0.5em;
}
+
+.cru-dialog-enter .cru-dialog-container {
+ transform: scale(0, 0);
+ opacity: 0;
+ transform-origin: center;
+}
+
+.cru-dialog-enter-active .cru-dialog-container {
+ transform: scale(1, 1);
+ opacity: 1;
+ transition: transform 0.3s, opacity 0.3s;
+ transform-origin: center;
+}
+
+.cru-dialog-exit-active .cru-dialog-container {
+ transition: transform 0.3s, opacity 0.3s;
+ transform: scale(0, 0);
+ opacity: 0;
+ transform-origin: center;
+}
|