demo · v142

Delay Tuner

Hover-fired UI lives and dies by its delays. Show the popover too fast and the user gets a strobe; too slow and they think nothing happened. The spec exposes interest-target-show-delay and interest-target-hide-delay CSS properties. Drag the sliders and feel what each delay does to the interaction.

a { interest-target-show-delay: 300ms; interest-target-hide-delay: 200ms; }

hover the link below

tuned link
Popover Shows after 300ms dwell, hides 200ms after you leave.
last interest fired @
—
last loseinterest fired @
—
accidental hover catches
—

relevant CSS

/* show after a 300ms dwell, hide 200ms after leaving */
a[interestfor] {
  interest-target-show-delay: 300ms;
  interest-target-hide-delay: 200ms;
}

/* For accessibility, AT-driven invocation ignores the show delay
   so screen-reader users get the card immediately. */

see also