Getting started

Arc TitleBlade RevealBlended HoverBlur ReadingBlur RevealCountdownCounterCounter v2Decode HoverDecode RevealDynamic CopyrightExchange TitleExchange Title v2Fluid Gradient TitleHighlightHighlight HoverInline ImagesLink PreviewLetter LauncherMask HoverMousefill TitleProximity WeightRandom LettersRead MoreScribble RevealScroll CascadingScroll GradientScroll ReadingShading Lines TitleSVG RevealSwap Hover3D Swap HoverSwap ReadingText ShimmerTwist RevealTypedUnderline HoverUnfold HoverUnfold RevealVariable Font Hover

Anyside ButtonArrow ButtonArrow Button v2Arrow Button v3Arrow Button v4Arrow Button v5Arrow Button v6Arrow Button v7Arrow Button v8Arrow IconBlurry ButtonBubbles ButtonCrystal ButtonDot ButtonDot Button v2Dot Button v3FlipFlop ButtonFlipFlop Button v2FlipFlop Button v3Glowing ButtonLayer ButtonMarquee ButtonMarquee Button v2Mask ButtonMicrobox ButtonNeumorphic ButtonNudge ButtonPixels ButtonPrism ButtonPrism Button v2Rainbow ButtonReel ButtonRipple ButtonRipple Button v2Ripple Button v3Ripple Button v4Ripple Button v5Ripple Button v6Ripple Button v7Shiny ButtonSplit ButtonSqueezy Radius ButtonStretchy ButtonStrip ButtonStripes Button




Audio PlayerBack to TopClick & CopyCodepenCookiesDark ModeDecode CardDistorsion TabsExpandersFlipboxGlitchyGlowing CardHorizontal MarqueeHorizontal ScrollInteractive DividerInverted CornerLampLooping TabsLottieMotion DividerNext TabsObserverParallax HoverPixels Shimmer CardProgress BarProgress Bar v2ScrollbarSharerSite LoaderSmooth ScrollSpinnerStacking CardsTable of ContentsTimelineTippyToastToolteamVertical MarqueeQR Code
Features

Jose Tamu
July 16, 2024 /
Beginner /
CSS only


Marquee Button
Marquee Button
Marquee ButtonMarquee ButtonMarquee ButtonMarquee ButtonMarquee ButtonMarquee ButtonMarquee ButtonMarquee Button

Marquee controls
Repeats: the number of text fragments to be created at the marquee. You should generate a great number for big buttons. The demo has 8.
Duration: will determine speed. It will consider the number of text fragments set so it may need to be adjusted. The demo uses 1s.
Units gap: the gap to be set between each title repeat. The demo uses 10px.
– Tamu
On this page