ev
This commit is contained in:
+101
-101
@@ -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");
|
||||||
|
|||||||
Reference in New Issue
Block a user