Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“hover” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: interaction-design (non-exhaustive) · “hover” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Using CSS Animations as State Machines to Remember Focus and Hover States With CSS Only (pat)22
css, animations, focus, techniques
Testing Methods: Content on Hover or Focus (dec)21
accessibility, wcag, testing, focus
A11y 101: 1.4.13 Content on Hover or Focus (nat)20
introductions, accessibility, wcag, focus
How to Make a Cursor Image Hover Effect With CSS and JS19
how-tos, css, javascript, images, cursors
Hover Contrast Bookmarklet (joe)18
bookmarklets, colors, contrast, focus, accessibility
Custom Mouse Hover Effect With JavaScript17
javascript, effects
Cool Wiggly Hover Animation With CSS (ami)16
css, animations, effects
Re-Creating the Pop-Out Hover Effect With Modern CSS (css/sma)15
css, effects
Gradients, Blend Modes, and a Really Cool Hover Effect (pre/sma)14
css, effects, gradients
Hover Triangles (may)13
history, navigation
Enable Hover Conditionally in CSS (ami)12
css
Cool Hover Effects That Use CSS Text Shadow (css/css)11
css, effects
Cool Hover Effects That Use Background Properties (css/css)10
css, effects, backgrounds
A Guide to Hover and Pointer Media Queries (its/sma)9
guides, css, media-queries
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack8
css, javascript, mobile, touch
Detecting Hover-Capable Devices (mic)7
css, feature-detection
Bold on Hover… Without the Layout Shift (chr/css)6
css
4 Ways to Animate the Color of a Text Link on Hover (kat/css)5
links, colors, animations, css
Finally, a CSS Only Solution to “:hover” on Touchscreens (mez)4
css, mobile, touch
Different Transitions for Hover On / Hover Off (chr/css)3
css, transitions, animations, effects
CSS Navigation Magnification (dal/aja)2
css, navigation
Accessible Image-Tab Rollovers (sim)1
navigation, xhtml, images, effects, accessibility