Fixed stuff and added motion
This commit is contained in:
+19
-21
@@ -1,61 +1,59 @@
|
||||
export default function Shine() {
|
||||
return (
|
||||
<div className="px-10 md:px-0">
|
||||
<div className="w-full h-[2px] mx-auto lg:w-3xl relative">
|
||||
<div
|
||||
className="
|
||||
<div className="w-full h-[2px] mx-auto lg:w-5xl relative z-10">
|
||||
<div
|
||||
className="
|
||||
absolute left-1/2 -translate-x-1/2
|
||||
w-[99%] h-[29px] rounded-full
|
||||
filter blur-[24.5px] mix-blend-lighten opacity-30
|
||||
bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)]
|
||||
"
|
||||
></div>
|
||||
></div>
|
||||
|
||||
<div
|
||||
className="
|
||||
<div
|
||||
className="
|
||||
absolute left-1/2 -translate-x-1/2
|
||||
w-[64%] h-[17px] rounded-full
|
||||
filter blur-[40.5px] mix-blend-lighten opacity-80
|
||||
bg-[radial-gradient(50%_50%,_#7d7d7d_0%,_#ff961f66_100%)]
|
||||
"
|
||||
></div>
|
||||
></div>
|
||||
|
||||
<div
|
||||
className="
|
||||
<div
|
||||
className="
|
||||
absolute left-1/2 -translate-x-1/2
|
||||
w-[60.8%] h-[17px] rounded-full
|
||||
filter blur-[7px] mix-blend-lighten opacity-20
|
||||
bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)]
|
||||
"
|
||||
></div>
|
||||
></div>
|
||||
|
||||
<div
|
||||
className="
|
||||
<div
|
||||
className="
|
||||
absolute left-1/2 -translate-x-1/2
|
||||
w-[43.5%] h-[5px] rounded-full
|
||||
filter blur-md mix-blend-lighten opacity-80
|
||||
bg-[radial-gradient(50%_50%,_#fff_0%,_#fff6_100%)]
|
||||
"
|
||||
></div>
|
||||
></div>
|
||||
|
||||
<div
|
||||
className="
|
||||
<div
|
||||
className="
|
||||
absolute left-1/2 -translate-x-1/2
|
||||
w-[99%] h-[2px] rounded-full
|
||||
filter
|
||||
bg-[radial-gradient(50%_50%,_#fff_0%,_#c7ffee00_100%)]
|
||||
"
|
||||
></div>
|
||||
></div>
|
||||
|
||||
<div
|
||||
className="
|
||||
<div
|
||||
className="
|
||||
absolute left-1/2 -translate-x-1/2
|
||||
w-full h-[398px] rounded-full
|
||||
filter blur-[135px] mix-blend-lighten opacity-10
|
||||
bg-[#b8b8b8]
|
||||
"
|
||||
></div>
|
||||
</div>
|
||||
></div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user