mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-21 22:11:12 +02:00
Code Issues Releases Wiki Activity

sweet lil animation on modal open

Browse Source
This commit is contained in:
Kushagra Gour
2019-03-03 20:11:51 +05:30
parent 7d61a8924f
commit 70cb91c180
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/style.css
View File

@@ -451,14 +451,15 @@ a > svg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
transition: 0.1s ease 0.2s; transition: 0.1s ease;
will-change: filter; will-change: filter, transform;
} }
body:not(.light-version).overlay-visible .main-container { body:not(.light-version).overlay-visible .main-container {
transition-duration: 0.5s; transition-duration: 0.5s;
transition-delay: 0.4s; transform: scale(0.98);
filter: blur(3px); /* transition-delay: 0.4s; */
filter: blur(2px);
} }
.content-wrap { .content-wrap {
@@ -1005,7 +1006,7 @@ body > #demo-frame {
z-index: 5; z-index: 5;
opacity: 0; opacity: 0;
will-change: opacity; will-change: opacity;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.5);
transition: opacity var(--duration-modal-overlay-show); transition: opacity var(--duration-modal-overlay-show);
} }