Oxyfolio

Getting started

Introduction Installation

Texts

3D Swap Hover Arc Title Blade Reveal Blended Hover Blur Reading Blur Reveal Counter Decode Hover Decode Reveal Dynamic Copyright Fluid Gradient Highlight Highlight Hover Letter Launcher Link Preview Looping Lines Looping Lines v2 Mousefill Title Proximity Hover Random Letters Read More Scroll Reading Shading Lines Title Swap Hover Swap Reading Text Shimmer Twist Reveal Typed Underline Hover Unfold Hover Unfold Reveal

Buttons

Anyside Button Arrow Button Arrow Button v2 Arrow Button v3 Arrow Button v4 Arrow Button v5 Arrow Button v6 Arrow Button v7 Arrow Button v8 Arrow Icon Blurry Button Bubbles Button Crystal Button Dot Button Dot Button v2 Dot Button v3 Flipflop Button Flipflop Button v2 Flipflop Button v3 Glowing Button Layer Button Marquee Button Marquee Button v2 Mask Button Modal Button Nudge Button Pixels Button Prism Button Prism Button v2 Rainbow Button Reel Button Ripple Button Ripple Button v2 Ripple Button v3 Ripple Button v4 Ripple Button v5 Ripple Button v6 Ripple Button v7 Shiny Button Squeezy Radius Button Stretchy Button Strip Button Stripes Button

Menus

Burger Circular Menu Dock Drawer Dropdown Dropdown megaMenu Dynamic Island Expanding Menu Focus Nav Gooey Nav Morphing Nav Multi OffCanvas Menu OffCanvas Menu Overlay Menu Sticky Header

Medias

Before/After Image Before/After Image v2 Image Hotspots Image Reveal Image Reveal v2 Image Reveal v3 Image Reveal v4 Lightbox Parallax Scrolling Gallery

Cursors

Crosshair Cursor Cursor Slide Cursor Trail Designer Cursor

Sliders

Infinite Slider Parallax Slider Stories Thumbnail Slider

Backgrounds

Border Beam Fluids Gradiently Grainy Interactive Lines Interactive Lines v2 Interactive Lines v3 Interactive Lines v4 Overlay Shadows Particles Physics Scrolling Background Spotlight Spotlight v2 Tiles Tiles v2

Cores

Accordion Audio Player Back to Top Click and Copy Decode Card Distorsion Tabs Flipbox Glitchy Glowing Card Horizontal Marquee Interactive Divider Inverted Corner Looping Tabs Mask Hover Motion Divider Observer Parallax Hover Pixels Shimmer Card Progress Bar Progress Bar v2 QR Code Scrollbar Site Loader Smooth Scroll Stacking Cards Tabs Tippy Toast Toolteam Vertical Marquee
Jose Tamu
July 27, 2025
/
Beginner
/
CSS only

Flipflop Button v3

Flip

How it works

Flip Flop Button v3 is divided into a Flip styling part and a Flop styling part, including typography, background and border.

Flip Flop Animation controls

Perspective: the flipflop intensity.
Rotation: the unfold rotation.
Duration