Capture every hover state before the screenshot.

Simulate cursor hover states in Add Screenshots to expose drop-down menus, tooltips, and interactive panels before the capture. The request executes in real browsers, so hovered states reflect true user experiences across three regions without throttling.

Capture Hover States Free or Review Plans

• Interactive UX testing: Showcase menus, tooltips, and dropdowns as users actually see them.
• Automation workflows: Store hover selectors in request templates and trigger via webhooks or schedules.
• Direct delivery: Send hovered captures to AWS S3, Azure, Google Cloud, or Cloudflare R2.

Selecting the Element to Hover Over

Specify the element to hover over, such as a link or button, by providing its name, ID, class name, or text content. Examples of hover values include:

• Text: &hover=OK
• Name: &hover=mybutton
• ID: &hover=#mybutton
• Class Name: &hover=.gdpr-button

Explore more element selection examples.

Best Practices for Hover Interactions

• Pair with wait delays: Add wait parameters so animations or lazy content load before capture.
• Sequence with clicks: Combine &hover and &click to open menus and then select deeper items.
• Fallback gracefully: Enable error mode to detect missing selectors during automation testing.

Example: Hovering Over an Element

The following example demonstrates how to hover over the "Podcast" left side menu before capturing a screenshot.

// Line breaks added for readability https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&hover=Podcasts
&url=dev.to

Automate Hover Screenshots