new scripts ready for born

vo6i · Feb 8, 2024 · 130ebbc · 130ebbc
1 parent 2292816
commit 130ebbc
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -119,6 +119,7 @@ <h2 color="white">dclxviclan</h2>
 		     }
 		   })*/
        </script>
+       <a href="https://vo6i.github.io/Parallax-Scrolling-Effect/" class="btn">Hover Me</a> 
        <h1>dclxviclan</h1>
        <a href="http://dclxviclan.itch.io/lst-d">
          <img src="lxdvxl.gif">

diff --git a/style.css b/style.css
@@ -104,3 +104,35 @@ h1 {
   text-transform: uppercase;
   color: white;
 }
+
+.btn {
+  text-decoration: none;
+  border: 2px solid #764abc;
+  color: #764abc;
+  padding: 10px 20px;
+  border-radius: 25px;
+  transition: all 1s;
+  position: relative;
+  overflow: hidden;
+}
+
+.btn::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #764abc;
+  transition: all 1s;
+  z-index: -1;
+  transform: translateX(-100%);
+}
+
+.btn:hover::before {
+  transform: translateX(0);
+}
+
+.btn:hover {
+  color: #fff;
+}