Live preview Modals
Chalk Note Modal
A dashed sticky note swings in at an angle and straightens onto a pin.
#dashed CSS effects
17 free, pure-CSS effects match the "dashed" tag. Each is copy-ready and needs no library or build step.
Live preview Accordions
Dash Sketch Accordion
Dashed pencil boxes sit slightly askew and wobble a little when opened.
Live preview Alerts
Glide Drop Alert
A dashed drop target whose file card glides into place while the zone keeps glowing.
Live preview Alerts
Granite Dashed Alert
A dashed outline note whose border quietly brightens and dims on a slow cycle.
Live preview Alerts
Verge Experimental Alert
An experimental warning inside a yellow dashed frame with a flask that keeps bubbling.
Live preview Avatars
Lapis Dashed Loader Avatar
A dashed ring spins around a dimmed avatar to mark a pending upload.
Live preview Avatars
Ratchet Open Seat Invite Slot
Two seated members sit next to a dashed empty seat whose plus turns when hovered.
Live preview Modals
Meadow Upload Modal
A drag and drop area fades up inside a dashed frame whose stroke keeps marching around it.
Live preview Marquees
Chalk Dashed Frame
A dashed chalk frame holds the loop, giving it a cut-out coupon character.
Live preview Marquees
Dynamo Current Line
Dashes race along a glowing conductor while the voltage readings scroll below it.
Live preview Progress
Obsidian Dash Progress
A dashed ring made by masking a conic gradient with a repeating conic pattern of ticks.
Live preview Sliders
Chalk Dashed Slider
A dashed chalk line stands in for the rail under a soft powdery handle.
Live preview Sliders
Dash Paper Slider
Kraft cardboard with a fibre grain, a strip of masking tape and a stamped dashed frame.
Live preview Sliders
Ripple Sketch Slider
A notebook doodle: wobbly ink border, a double pencil stroke rail and a hand drawn blob handle.
Live preview Tables
Socket Port Map
Open ports draw a marching dash line so live traffic reads at a glance and idle ones sit still.
Live preview Tables
Tundra Dashed Divider
Rows are parted by a hand tuned dash rhythm that turns solid when the row is hovered.
Live preview Timelines
Oasis Journey Route
Departure, transfer and arrival sit on a dotted route with a marker sliding across.