João Henrique
b541f502ba
- Adicionado estrutura completa do projeto - Configurado MCP server para Premiere Pro - Adicionado documentação e skills - Configurado Gitignore para o projeto
27 lines
882 B
TypeScript
Executable File
27 lines
882 B
TypeScript
Executable File
import { ComponentPropsWithoutRef } from "react"
|
|
import { cn } from "@/lib/utils"
|
|
|
|
export function AnimatedGradientText({
|
|
children,
|
|
className,
|
|
...props
|
|
}: ComponentPropsWithoutRef<"div">) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"group relative mx-auto flex max-w-fit flex-row items-center justify-center rounded-2xl bg-white/40 px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#8fdfff1f] backdrop-blur-sm transition-shadow duration-500 ease-out [--bg-size:300%] hover:shadow-[inset_0_-5px_10px_#8fdfff3f] dark:bg-black/40",
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
<span
|
|
className={cn(
|
|
"inline animate-[gradient_8s_linear_infinite] bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent"
|
|
)}
|
|
>
|
|
{children}
|
|
</span>
|
|
</div>
|
|
)
|
|
}
|