|
|
@@ -43,7 +43,10 @@
|
|
|
<div class="line">starting from the Web2 platform, bringing together advertisers, users, and bloggers through the bounty task growth system and the reward mechanism of smart contracts, redefining and solving the problems of growth, advertising and user incentives.</div>
|
|
|
<div class="line">DeNet attracts users to enter web3 through rewards, and at the same time lowers the threshold of Web3 by technical means. In Denet, everyone can give full play to their own exclusive influence and earn excess bounties, thus realizing the perfect migration from Web2 to Web3.</div>
|
|
|
</div>
|
|
|
- <video class="video" autoplay muted loop src="../static/img/three_video.mp4"></video>
|
|
|
+ <div class="flash">
|
|
|
+ <img class="middle" src="../static/img/three_img01.svg" />
|
|
|
+ <img class="rotate" src="../static/img/three_img02.svg" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="four-screen">
|
|
|
<div class="title">APPLICATION</div>
|
|
|
@@ -283,6 +286,24 @@ function discord() {
|
|
|
margin-left: 0.9rem;
|
|
|
mix-blend-mode: darken;
|
|
|
}
|
|
|
+ .flash {
|
|
|
+ position: relative;
|
|
|
+ width: 3.437rem;
|
|
|
+ height: 3.437rem;
|
|
|
+ margin-left: 0.9rem;
|
|
|
+ .middle {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ .rotate {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ animation: rotate 3s linear infinite;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.four-screen {
|
|
|
@@ -396,4 +417,13 @@ function discord() {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+@keyframes rotate {
|
|
|
+ 0% {
|
|
|
+ transform: rotate(0)
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ transform: rotate(360deg)
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
