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