feat: add effect for number ticker

nervosnetwork · Nov 29, 2024 · b35baa7 · b35baa7
1 parent db26095
commit b35baa7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/public/images/bg/ticker_bg.gif b/public/images/bg/ticker_bg.gif
diff --git a/src/pages/Home/Banner/index.module.scss b/src/pages/Home/Banner/index.module.scss
@@ -133,6 +133,12 @@ $backgroundColor: #232323;
   mix-blend-mode: difference;
   line-height: 1.2;
   font-size: 50px;
+  outline: none;
+  background: url('/images/bg/ticker_bg.gif');
+  background-size: cover;
+  background-position: center center;
+  background-clip: text;
+  color: transparent;
 
   .ticker {
     display: flex;