text-gradient

ui

你身边的那位、

替代了我的座位、

他的手捧着玫瑰、承诺余生都奉陪。

src

tsx
export default function Page() {
    return (
        <div className="space-y-5 md:space-y-10 font-orbitron font-bold">

            <h1 className="w-fit text-xl md:text-3xl lg:text-5xl duration-300">
                <p className="bg-linear-to-r from-cyan-400 to-green-600 bg-clip-text text-transparent">
                    你身边的那位、
                </p>
            </h1>

            <h1 className="w-fit text-xl md:text-3xl lg:text-5xl duration-300">
                <p className="bg-linear-to-r/hsl from-cyan-400 to-green-600 bg-clip-text text-transparent">
                    替代了我的座位、
                </p>
            </h1>

            <h1 className="w-fit text-xl md:text-3xl lg:text-5xl duration-300">
                <p className="bg-linear-to-r/longer from-cyan-400 to-green-600 bg-clip-text text-transparent">
                    他的手捧着玫瑰、承诺余生都奉陪。
                </p>
            </h1>
        </div>
    )
}

video