|
@@ -75,7 +75,7 @@ watch(width, value => {
|
|
animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
animation-direction: alternate;
|
|
- animation-delay: .5s;
|
|
|
|
|
|
+ animation-delay: -0.5s;
|
|
filter: drop-shadow(4px -4px 12px rgba(18, 108, 242, 0.6));
|
|
filter: drop-shadow(4px -4px 12px rgba(18, 108, 242, 0.6));
|
|
}
|
|
}
|
|
.bg_item2 {
|
|
.bg_item2 {
|
|
@@ -86,7 +86,7 @@ watch(width, value => {
|
|
animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
animation-direction: alternate;
|
|
- animation-delay: 1s;
|
|
|
|
|
|
+ animation-delay: -1s;
|
|
filter: drop-shadow(0px 0px 12px rgba(18, 108, 242, 0.6));
|
|
filter: drop-shadow(0px 0px 12px rgba(18, 108, 242, 0.6));
|
|
}
|
|
}
|
|
.bg_item3 {
|
|
.bg_item3 {
|
|
@@ -97,7 +97,7 @@ watch(width, value => {
|
|
animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
animation-direction: alternate;
|
|
- animation-delay: 1.5s;
|
|
|
|
|
|
+ animation-delay: -1.5s;
|
|
filter: drop-shadow(0px 0px 12px rgba(18, 108, 242, 0.6));
|
|
filter: drop-shadow(0px 0px 12px rgba(18, 108, 242, 0.6));
|
|
}
|
|
}
|
|
.bg_item4 {
|
|
.bg_item4 {
|
|
@@ -108,7 +108,7 @@ watch(width, value => {
|
|
animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
animation-direction: alternate;
|
|
- animation-delay: 2s;
|
|
|
|
|
|
+ animation-delay: -2s;
|
|
filter: drop-shadow(0px 0px 12px rgba(18, 108, 242, 0.6));
|
|
filter: drop-shadow(0px 0px 12px rgba(18, 108, 242, 0.6));
|
|
}
|
|
}
|
|
.bg_gear{
|
|
.bg_gear{
|