Live preview Accordions
Drift Blind Accordion
Horizontal slats tip open one after another to let the panel text show through.
#perspective CSS effects
16 free, pure-CSS effects match the "perspective" tag. Each is copy-ready and needs no library or build step.
Live preview Accordions
Echo Origami Accordion
The panel unfolds in two paper leaves that swing down on a shared crease.
Live preview Accordions
Flux Page Accordion
Chapters open like a book page turning over on its spine with a soft shade.
Live preview Accordions
Kindle Envelope Accordion
The flap lifts on its hinge and the letter slides up out of the envelope.
Live preview Accordions
Quiver Door Accordion
Three doors stand in a row and each swings open on a hinge to show its room.
Live preview Accordions
Turbine Account Accordion
Account sections tilt down on a hinge in real perspective instead of sliding open.
Live preview Modals
Canyon Login Modal
A sign in dialog rushes forward out of depth on a perspective axis with two credential rows.
Live preview Modals
Circuit Verification Modal
A one time code dialog swings open on its left hinge with six slots and a blinking caret.
Live preview Modals
Girder Version Modal
A version mismatch notice tilts flat out of a corner rotation on two axes at once.
Live preview Modals
Onyx Flip Modal
The dialog swings forward on its top edge like a flip card before settling flat.
Live preview Modals
Socket Report Modal
A reporting dialog swings in on a right hand hinge over three selectable reason rows.
Live preview Modals
Valve Reply Modal
A reply composer flips open around its own horizontal centre axis above a quoted comment.
Live preview Marquees
Dune Cylinder Roll
Six faces on a perspective drum turn like a mechanical rolling display cylinder.
Live preview Tabs
Lull Origami Tabs
Folded paper facets where the panel drops open on a crease along its top edge.
Live preview Tabs
Vault Deco Tabs
Gilded art deco plates tilted back in perspective; the chosen one stands upright.
Live preview Tabs
Verge Page Turn Tabs
Cream book leaves bound at the spine; each panel turns over from the left edge.