dnftools/dcalc
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

ev

Browse Source
This commit is contained in:
imelon
2025-03-31 11:07:28 +08:00
parent 700243601f
commit 09116ce59c
1 changed files with 101 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style/app.scss
+101 -101
View File
@@ -268,108 +268,108 @@ body,
}
}
@keyframes primeval {
0% {
background-image: url("@/assets/img/effect/primeval/0.png");
}
3.45% {
background-image: url("@/assets/img/effect/primeval/1.png");
}
6.9% {
background-image: url("@/assets/img/effect/primeval/2.png");
}
10.35% {
background-image: url("@/assets/img/effect/primeval/3.png");
}
13.8% {
background-image: url("@/assets/img/effect/primeval/4.png");
}
17.25% {
background-image: url("@/assets/img/effect/primeval/5.png");
}
20.7% {
background-image: url("@/assets/img/effect/primeval/6.png");
}
24.15% {
background-image: url("@/assets/img/effect/primeval/7.png");
}
27.6% {
background-image: url("@/assets/img/effect/primeval/8.png");
}
31.05% {
background-image: url("@/assets/img/effect/primeval/9.png");
}
34.5% {
background-image: url("@/assets/img/effect/primeval/10.png");
}
37.95% {
background-image: url("@/assets/img/effect/primeval/11.png");
}
41.4% {
background-image: url("@/assets/img/effect/primeval/12.png");
}
44.85% {
background-image: url("@/assets/img/effect/primeval/13.png");
}
48.3% {
background-image: url("@/assets/img/effect/primeval/14.png");
}
51.75% {
background-image: url("@/assets/img/effect/primeval/15.png");
}
55.2% {
background-image: url("@/assets/img/effect/primeval/16.png");
}
58.65% {
background-image: url("@/assets/img/effect/primeval/17.png");
}
62.1% {
background-image: url("@/assets/img/effect/primeval/18.png");
}
65.55% {
background-image: url("@/assets/img/effect/primeval/19.png");
}
69% {
background-image: url("@/assets/img/effect/primeval/20.png");
}
72.45% {
background-image: url("@/assets/img/effect/primeval/21.png");
}
75.9% {
background-image: url("@/assets/img/effect/primeval/22.png");
}
79.35% {
background-image: url("@/assets/img/effect/primeval/23.png");
}
82.8% {
background-image: url("@/assets/img/effect/primeval/24.png");
}
86.25% {
background-image: url("@/assets/img/effect/primeval/25.png");
}
89.7% {
background-image: url("@/assets/img/effect/primeval/26.png");
}
93.15% {
background-image: url("@/assets/img/effect/primeval/27.png");
}
96.6% {
background-image: url("@/assets/img/effect/primeval/28.png");
}
100% {
background-image: url("@/assets/img/effect/primeval/29.png");
}
}
// @keyframes primeval {
// 0% {
// background-image: url("@/assets/img/effect/primeval/0.png");
// }
// 3.45% {
// background-image: url("@/assets/img/effect/primeval/1.png");
// }
// 6.9% {
// background-image: url("@/assets/img/effect/primeval/2.png");
// }
// 10.35% {
// background-image: url("@/assets/img/effect/primeval/3.png");
// }
// 13.8% {
// background-image: url("@/assets/img/effect/primeval/4.png");
// }
// 17.25% {
// background-image: url("@/assets/img/effect/primeval/5.png");
// }
// 20.7% {
// background-image: url("@/assets/img/effect/primeval/6.png");
// }
// 24.15% {
// background-image: url("@/assets/img/effect/primeval/7.png");
// }
// 27.6% {
// background-image: url("@/assets/img/effect/primeval/8.png");
// }
// 31.05% {
// background-image: url("@/assets/img/effect/primeval/9.png");
// }
// 34.5% {
// background-image: url("@/assets/img/effect/primeval/10.png");
// }
// 37.95% {
// background-image: url("@/assets/img/effect/primeval/11.png");
// }
// 41.4% {
// background-image: url("@/assets/img/effect/primeval/12.png");
// }
// 44.85% {
// background-image: url("@/assets/img/effect/primeval/13.png");
// }
// 48.3% {
// background-image: url("@/assets/img/effect/primeval/14.png");
// }
// 51.75% {
// background-image: url("@/assets/img/effect/primeval/15.png");
// }
// 55.2% {
// background-image: url("@/assets/img/effect/primeval/16.png");
// }
// 58.65% {
// background-image: url("@/assets/img/effect/primeval/17.png");
// }
// 62.1% {
// background-image: url("@/assets/img/effect/primeval/18.png");
// }
// 65.55% {
// background-image: url("@/assets/img/effect/primeval/19.png");
// }
// 69% {
// background-image: url("@/assets/img/effect/primeval/20.png");
// }
// 72.45% {
// background-image: url("@/assets/img/effect/primeval/21.png");
// }
// 75.9% {
// background-image: url("@/assets/img/effect/primeval/22.png");
// }
// 79.35% {
// background-image: url("@/assets/img/effect/primeval/23.png");
// }
// 82.8% {
// background-image: url("@/assets/img/effect/primeval/24.png");
// }
// 86.25% {
// background-image: url("@/assets/img/effect/primeval/25.png");
// }
// 89.7% {
// background-image: url("@/assets/img/effect/primeval/26.png");
// }
// 93.15% {
// background-image: url("@/assets/img/effect/primeval/27.png");
// }
// 96.6% {
// background-image: url("@/assets/img/effect/primeval/28.png");
// }
// 100% {
// background-image: url("@/assets/img/effect/primeval/29.png");
// }
// }
.primeval_effect {
// 应用动画到div上
width: 27px;
height: 27px;
background-size: cover;
animation: primeval 2s infinite;
// 设置动画名称，持续时间，和循环次数
mix-blend-mode: color-dodge;
}
// .primeval_effect {
// // 应用动画到div上
// width: 27px;
// height: 27px;
// background-size: cover;
// animation: primeval 2s infinite;
// // 设置动画名称，持续时间，和循环次数
// mix-blend-mode: color-dodge;
// }
.lvInfo{
background-image: url("@/assets/img/specificity/lv.png");