diff --git a/frontend/src/style/app.scss b/frontend/src/style/app.scss index 3ac48f3e..2faa76ec 100644 --- a/frontend/src/style/app.scss +++ b/frontend/src/style/app.scss @@ -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");