Live preview Sliders
Cusp Split Slider
The card, the rail and even the handle are cut in half between a cool and a warm side.
#split CSS effects
3 free, pure-CSS effects match the "split" tag. Each is copy-ready and needs no library or build step.
Effects tagged #split
Live preview Avatars
Chalk Split Dual Ring Avatar
A two-tone ring cut cleanly in half spins a half turn when hovered.
Live preview Modals
Rivet Compare Modal
Two plan panels fly in from opposite edges and meet on a riveted seam in the middle.