Fixed stuff and added motion

This commit is contained in:
2025-10-23 16:42:59 +02:00
parent 68c748e9bc
commit 4241afab85
2 changed files with 27 additions and 24 deletions
+19 -21
View File
@@ -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>
);
}