interest-delay-start | CSS CSS Properties

Experimental: Part of the Interest API. Sets the delay before an 'interest' state (like a tooltip or popover) appears after the user starts showing interest (e.g., hovering).

Quick example

.hover-card-trigger {
  /* Waits 1 second of hovering before showing the card */
  interest-delay-start: 1s;
}

Quick facts

Initial value

normal

Inherited

Yes

Applies to

all elements

Animation type

byComputedValueType

Values

normal

interest-delay-start Browser Support

Limited availability 62% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

142+