fix: gradient text outline bugged in firefox
This commit is contained in:
@@ -23,7 +23,7 @@ const TextTitle = styled.h1`
|
|||||||
export default function CoolHeaderText() {
|
export default function CoolHeaderText() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="relative mb-3 mt-5 -translate-y-4 animate-fade-in text-balance bg-gradient-to-br from-black from-30% to-black/40 bg-clip-text py-6 text-5xl font-extrabold font-semibold leading-none tracking-tighter text-transparent opacity-0 [--animation-delay:200ms] dark:from-white dark:to-white/40 sm:text-6xl md:text-7xl lg:text-8xl">
|
<div className="relative mb-3 mt-5 -translate-y-4 animate-fade-in text-balance bg-gradient-to-br from-30% to-black/40 bg-clip-text py-6 text-5xl font-extrabold font-semibold leading-none tracking-tighter text-transparent opacity-0 [--animation-delay:200ms] dark:from-white dark:to-white/40 sm:text-6xl md:text-7xl lg:text-8xl">
|
||||||
<TextTitle>
|
<TextTitle>
|
||||||
Beautiful. Fast. Private.
|
Beautiful. Fast. Private.
|
||||||
<br />
|
<br />
|
||||||
|
|||||||
Reference in New Issue
Block a user