feat: linear

Author: wkylin

src/pages/home/index.jsx

@@ -498,10 +498,7 @@ const Home = () => {
         />
       </section>
       <section className={styles.line} />
-      {/* <section className={styles.violetGradient}></section> */}
-      {/* <section className={styles.linearGradient}></section>
-      <section className={styles.linearGra}></section>
-      <section className={styles.violet}></section> */}
+      <section className={styles.linear} />
 
       {/* <section>
         <AvatarCard avatar="https://picsum.photos/seed/picsum/300/160" text="Hi, I'm a developer." />

src/pages/home/index.module.less

@@ -511,45 +511,24 @@
 }
 
 .line {
-  height: 1px;
-  width: 360px;
-  background-image: linear-gradient(97deg, #0096ff, #bb64ff 42%, #f2416b 74%, #eb7500);
-}
-
-.violetGradient {
   margin: 30px 0;
-  height: 1px;
-  width: 360px;
-  background: #804dee;
-  background: linear-gradient(180deg, rgb(60 51 80 / 0%) 0%, #804dee 50%, rgb(60 51 80 / 0%) 100%);
-  background: linear-gradient(180deg, rgb(60 51 80 / 0%) 0%, #804dee 50%, rgb(60 51 80 / 0%) 100%);
-}
-
-.linearGradient {
-  margin: 30px 0;
-  height: 1px;
+  height: 2px;
   width: 360px;
-  background: #804dee;
-  background: linear-gradient(180deg, #804dee 0%, rgb(60 51 80 / 0%) 100%);
-  background: linear-gradient(180deg, #804dee 0%, rgb(60 51 80 / 0%) 100%);
+  background-image: linear-gradient(97deg, #0096ff, #bb64ff 42%, #f2416b 74%, #eb7500);
 }
 
-.linearGra {
+.linear {
   margin: 30px 0;
   height: 2px;
   width: 360px;
-  background: #804dee;
-  background: linear-gradient(180deg, rgb(60 51 80 / 0%) 0%, #804dee 100%);
-  background: linear-gradient(180deg, rgb(60 51 80 / 0%) 0%, #804dee 100%);
-}
-
-.violet {
-  margin: 30px 0;
-  height: 100px;
-  width: 1px;
-  background: #804dee;
-  background: linear-gradient(-90deg, #804dee 0%, rgb(60 51 80 / 0%) 100%);
-  background: linear-gradient(-90deg, #804dee 0%, rgb(60 51 80 / 0%) 100%);
+  background: linear-gradient(
+    90deg,
+    rgb(94 223 69 / 0%) 0%,
+    rgb(202 23 23 / 20%) 23.02%,
+    rgb(40 11 202 / 67%) 40.41%,
+    rgb(7 224 18 / 20%) 80.93%,
+    rgb(99 15 15 / 0%) 95.93%
+  );
 }
 
 /* shift + alt +a