|
|
@@ -9,7 +9,7 @@
|
|
|
<div class="first-screen">
|
|
|
<img class="text" src="../static/img/first_font.svg" alt="" />
|
|
|
<img class="www" src="../static/img/first_www.png" alt="" />
|
|
|
- <video class="goods" autoplay muted loop src="../static/img/goods.mp4"></video>
|
|
|
+ <div class="goods"></div>
|
|
|
<div class="install" @click="install">Install Now</div>
|
|
|
</div>
|
|
|
<div class="second-screen">
|
|
|
@@ -181,7 +181,9 @@ function discord() {
|
|
|
right: 2.595rem;
|
|
|
width: 3.203rem;
|
|
|
height: 3.945rem;
|
|
|
- mix-blend-mode: darken;
|
|
|
+ animation: scroll 25s linear infinite;
|
|
|
+ background-size: 100% auto;
|
|
|
+ background-image: url('../static/img/goods.png');
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -426,4 +428,12 @@ function discord() {
|
|
|
transform: rotate(360deg)
|
|
|
}
|
|
|
}
|
|
|
+@keyframes scroll {
|
|
|
+ 0% {
|
|
|
+ background-position: 0 37.765rem;
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ background-position: 0 0;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
