Getting started
TextsArc TitleBlade RevealBlended HoverBlur ReadingBlur RevealCountdownCounterCounter v2Decode HoverDecode RevealDynamic CopyrightExchange TitleExchange Title v2Fluid Gradient TitleHighlight HoverInline ImagesLetter LauncherMask HoverMousefill TitleProximity WeightRandom LettersScribble RevealScroll CascadingScroll GradientScroll ReadingShading Lines TitleSVG RevealSwap Hover3D Swap HoverSwap ReadingText ShimmerTwist RevealTypedUnderline HoverUnfold HoverUnfold RevealVariable Font Hover
Buttons
Menus
Backgrounds
Medias
CoresBack to TopClick & CopyCodepenCookiesDark ModeDecode CardDistorsion TabsExpandersFlipboxGlitchyGlowing CardHorizontal MarqueeHorizontal ScrollInteractive DividerInverted CornerLampLottieMotion DividerNext TabsObserverParallax HoverPixels Shimmer CardProgress BarProgress Bar v2ScrollbarSharerSmooth ScrollSpinnerStacking CardsTable of ContentsTimelineTippyToastToolteamVertical MarqueeQR Code
Features
Jose Tamu
June 3, 2025 / 
Beginner / CSS only
Beginner / 
CSS onlyRipple Button v5
Ripple Button v5
Ripple Animation controls
First color: first ripple color.
Second color: second ripple color.
Duration
Stagger: the delay between ripples.
Swap Animation controls
Duration
On this page