clone/CloudFlare-ImgBed
1
0
Fork 0
mirror of https://github.com/MarSeventh/CloudFlare-ImgBed.git synced 2026-04-27 15:45:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

背景切换更优雅

Browse Source
This commit is contained in:
MarSeventh
2024-08-26 13:48:11 +08:00
parent 7087c4ba7e
commit 71e6ba5e6c
10 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/220.24ec265e.css Normal file
View File

@@ -0,0 +1 @@
.login[data-v-4b708caf]{display:flex;justify-content:center;align-items:center;height:100vh;transition:background-image 1s ease-in-out;background-size:cover;background-attachment:fixed}.login-container[data-v-4b708caf]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:40vh;width:40vw;border-radius:12px;box-shadow:0 0 12px rgba(0,0,0,.12);background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.login-container[data-v-4b708caf]:hover{box-shadow:0 0 12px 4px rgba(0,0,0,.24);transform:translateY(-5px)}.password-input[data-v-4b708caf]{margin-bottom:15px;width:30vw}.submit[data-v-4b708caf]{margin-top:10px}.background-image1[data-v-4b708caf],.background-image2[data-v-4b708caf]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;transition:all 1s ease-in-out}