jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 展開加滑入動畫，info 滑到頂部，detail 從下滑入

Browse Source
This commit is contained in:
jekkinoopy
2026-06-17 13:50:28 +08:00
parent 803697d411
commit 36d29857f7
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
variety/bangxiao.html
+11 -5
View File
@@ -86,19 +86,23 @@
pointer-events: none; pointer-events: none;
} }
/* name + role：預設 flex 置中，選取後釘頂 */ /* name + role：absolute 置中，選取後滑到頂部 */
.bangxiao-page .member-check__info { .bangxiao-page .member-check__info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 4px; gap: 4px;
width: 100%; transition: top 0.3s ease, transform 0.3s ease;
} }
.bangxiao-page .member-check:has(input:checked) .member-check__info { .bangxiao-page .member-check:has(input:checked) .member-check__info {
position: absolute;
top: 14px; top: 14px;
left: 0; transform: translateY(0);
} }
.bangxiao-page .member-check__name { .bangxiao-page .member-check__name {
@@ -163,12 +167,14 @@
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
text-align: center; text-align: center;
transition: opacity 0.25s ease, visibility 0.25s ease; transform: translateY(12px);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
} }
.bangxiao-page .member-check:has(input:checked) .member-detail { .bangxiao-page .member-check:has(input:checked) .member-detail {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
transform: translateY(0);
} }
.bangxiao-page .member-detail__count { .bangxiao-page .member-detail__count {