#focus-visible CSS effects

2 free, pure-CSS effects match the "focus-visible" tag. Each is copy-ready and needs no library or build step.

A high contrast build with black on white shapes and a thick yellow focus outline.

Keyboard focus expands a cobalt halo around the handle instead of a flat outline.

Popular tags