gradient-text

ui

你身边的那位、代替了我的座位

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

而我始终学不会、已被风吹散的眼泪

那逝去的幸福该怎么追回

src

TSX
export default function Page() {
    return (
        <div className="bg-black p-20 text-white">

            <div className="space-y-10 *:from-rose-500
                                       *:to-purple-600
                                       *:bg-clip-text
                                       *:text-transparent">

                <p className="w-fit md:text-3xl lg:text-5xl duration-300 bg-linear-to-r">
                    你身边的那位、代替了我的座位
                </p>

                <p className="w-fit md:text-3xl lg:text-5xl duration-300 bg-linear-to-r/hsl">
                    他的手捧着玫瑰、承诺余生都奉陪
                </p>

                <p className="w-fit md:text-3xl lg:text-5xl duration-300 bg-linear-to-r/longer">
                    而我始终学不会、已被风吹散的眼泪
                </p>

                <p className="w-fit md:text-3xl lg:text-5xl duration-300 bg-linear-to-r via-lime-300 via-30%">
                    那逝去的幸福该怎么追回
                </p>
            </div>

        </div>
    )
}

video