|
|
@@ -51,12 +51,12 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="video-bottom--wrapper" v-show="fireDirection === '北火'" style=""> |
|
|
|
<div class="video-bottom--wrapper" v-show="true || fireDirection === '北火'" style=""> |
|
|
|
<video class="video-bottom" id="1" preload="auto" height="130" muted autoplay loop disablepictureinpicture |
|
|
|
src="../../assets/videos/fire-to-top.mp4"></video> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="video-top--wrapper" v-show="fireDirection === '南火'" style=""> |
|
|
|
<div class="video-top--wrapper" v-show="true || fireDirection === '南火'" style=""> |
|
|
|
<video id="2" class="video-top" preload="auto" height="130" muted autoplay loop disablepictureinpicture |
|
|
|
src="../../assets/videos/fire-to-bottom.mp4"></video> |
|
|
|
</div> |
|
|
@@ -309,7 +309,7 @@ main { |
|
|
|
background: url(../../assets/eq.png) no-repeat; |
|
|
|
background-size: 100%; |
|
|
|
top: adjust(h(220px)); |
|
|
|
left: adjust(w(6500px)); |
|
|
|
left: adjust(w(6600px)); |
|
|
|
position: relative; |
|
|
|
transform: rotateY(0.5turn); |
|
|
|
} |
|
|
@@ -323,7 +323,7 @@ main { |
|
|
|
height: adjust(75px); |
|
|
|
background: url(../../assets/mirror.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
animation: 10s linear 0.3s infinite mirror-to-left-2; |
|
|
|
// animation: 10s linear 0.3s infinite mirror-to-left-2; |
|
|
|
} |
|
|
|
|
|
|
|
.eq-main::after { |
|
|
@@ -335,7 +335,7 @@ main { |
|
|
|
height: adjust(75px); |
|
|
|
background: url(../../assets/mirror.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
animation: 10s linear 5s infinite mirror-to-left; |
|
|
|
// animation: 10s linear 5s infinite mirror-to-left; |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes mirror-to-left { |
|
|
|