sinvo/lifeRestart
1
0
Fork 0
mirror of https://github.com/VickScarlet/lifeRestart.git synced 2025-07-16 09:03:55 +08:00
Code Issues Projects Releases Wiki Activity

refine: button selection style

Browse Source
This commit is contained in:
Dafrok
2021-09-10 22:51:12 +08:00
committed by 神戸小鳥
parent 6433c737d7
commit cf1acb64bf
2 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
view/dark.css
View File

@@ -412,32 +412,33 @@ ul#total li .achievementtitle,
color: #3b3b3b;
overflow: hidden;
}
.grade0b.selected.selected::after,
.grade1b.selected.selected::after,
.grade2b.selected.selected::after,
.grade3b.selected.selected::after {
.grade0b.selected::after,
.grade1b.selected::after,
.grade2b.selected::after,
.grade3b.selected::after {
content: '';
position: absolute;
background-image: linear-gradient(to left, transparent, #fff 50%, transparent 100%);
opacity: 1;
background-color:#000;
top: 0;
bottom: 0;
width: 40px;
left: 0;
right: 0;
box-shadow: 0 0 10px #000;
opacity: 0;
animation: blink 2s linear infinite;
animation: blink 3s linear infinite;
}
@keyframes blink {
0% {
opacity: 0;
transform: translateX(-100vw);
transform: translateX(-150%);
}
50% {
opacity: .5;
opacity: .2;
}
100% {
opacity: 0;
transform: translateX(80px);
transform: translateX(150%);
}
}

23
view/light.css
View File

@@ -639,32 +639,33 @@ i {
color: #fff;
overflow: hidden;
}
.grade0b.selected.selected::after,
.grade1b.selected.selected::after,
.grade2b.selected.selected::after,
.grade3b.selected.selected::after {
.grade0b.selected::after,
.grade1b.selected::after,
.grade2b.selected::after,
.grade3b.selected::after {
content: '';
position: absolute;
background-image: linear-gradient(to left, transparent, #fff 50%, transparent 100%);
opacity: 1;
background-color:#000;
top: 0;
bottom: 0;
width: 40px;
left: 0;
right: 0;
box-shadow: 0 0 10px #000;
opacity: 0;
animation: blink 2s linear infinite;
animation: blink 3s linear infinite;
}
@keyframes blink {
0% {
opacity: 0;
transform: translateX(-100vw);
transform: translateX(-150%);
}
50% {
opacity: .5;
opacity: .2;
}
100% {
opacity: 0;
transform: translateX(80px);
transform: translateX(150%);
}
}