|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="login-container" id="particles-js">
|
|
|
- <div class="bg-logo"></div>
|
|
|
+ <div class="bg-logo anim"></div>
|
|
|
<el-form
|
|
|
ref="loginForm"
|
|
|
:model="loginForm"
|
|
|
@@ -372,6 +372,24 @@ export default {
|
|
|
background-repeat: no-repeat;
|
|
|
background-image: url(../../assets/logo.png);
|
|
|
}
|
|
|
+ .bg-logo.anim {
|
|
|
+ animation: moveBg 10s infinite;
|
|
|
+ background-origin: content-box;
|
|
|
+ }
|
|
|
+}
|
|
|
+@keyframes moveBg {
|
|
|
+ 0% {
|
|
|
+ padding: 0;
|
|
|
+ filter: blur(30px);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ padding: 0 200px;
|
|
|
+ filter: blur(20px);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ padding: 0;
|
|
|
+ filter: blur(30px);
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<style>
|