simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Having fun with multi-stacking modals

Browse source
This commit is contained in:
Lim Chee Aun 2023-07-18 20:40:10 +08:00
parent 38a13b07c5
commit 1f0d2eebe6
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/modal.css
View file

@ -12,6 +12,13 @@
backdrop-filter: blur(24px); backdrop-filter: blur(24px);
animation: appear 0.5s var(--timing-function) both; animation: appear 0.5s var(--timing-function) both;
} }
#modal-container > div .sheet {
transition: transform 0.3s var(--timing-function);
transform-origin: center bottom;
}
#modal-container > div:has(~ div) .sheet {
transform: scale(0.975);
}
#modal-container > .light { #modal-container > .light {
backdrop-filter: saturate(0.75); backdrop-filter: saturate(0.75);