refactor: reduce text flip animation duration and adjust padding
This commit is contained in:
@@ -6,7 +6,7 @@ import { cn } from "@/lib/utils";
|
|||||||
export const LayoutTextFlip = ({
|
export const LayoutTextFlip = ({
|
||||||
text = "Build Amazing",
|
text = "Build Amazing",
|
||||||
words = ["Landing Pages", "Component Blocks", "Page Sections", "3D Shaders"],
|
words = ["Landing Pages", "Component Blocks", "Page Sections", "3D Shaders"],
|
||||||
duration = 3000,
|
duration = 1500,
|
||||||
}: {
|
}: {
|
||||||
text: string;
|
text: string;
|
||||||
words: string[];
|
words: string[];
|
||||||
@@ -33,7 +33,7 @@ export const LayoutTextFlip = ({
|
|||||||
|
|
||||||
<motion.span
|
<motion.span
|
||||||
layout
|
layout
|
||||||
className="relative w-fit overflow-hidden px-8 py-2 font-neuton font-medium italic tracking-tight"
|
className="relative w-fit overflow-hidden px-2 py-2 font-neuton font-medium italic tracking-tight"
|
||||||
>
|
>
|
||||||
<AnimatePresence mode="popLayout">
|
<AnimatePresence mode="popLayout">
|
||||||
<motion.span
|
<motion.span
|
||||||
|
|||||||
Reference in New Issue
Block a user