Risultati di ricerca
Definition and Usage. The :hover selector is used to select elements when you mouse over them. Tip: The :hover selector can be used on all elements, not only on links. Tip: Use the :link selector to style links to unvisited pages, the :visited selector to style links to visited pages, and the :active selector to style the active link.
- Overview
- Try it
- Browser compatibility
- See also
The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an element with the cursor (mouse pointer).
Styles defined by the :hover pseudo-class will be overridden by any subsequent link-related pseudo-class (:link, :visited, or :active) that has at least equal specificity. To style links appropriately, put the :hover rule after the :link and :visited rules but before the :active one, as defined by the LVHA-order: :link — :visited — :hover — :active...
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
•Chromium bug #370155: Don't make :hover sticky on tap on sites that set a mobile viewport
•Chromium bug #306581: Immediately show hover and active states on touch when page isn't scrollable.
6 set 2011 · The :hover pseudo class in CSS selects elements when the mouse cursor is current over them. It’s commonly associated with link ( <a> ) elements. a:hover { color: green; text-decoration: underline overline; }
29 dic 2019 · a:hover { /* CSS declarations */ } The hover selector only applies the styles provided in the rule when an element enters the hover state. This is typically when a user hovers over the element with their mouse. button { color: white; background-color: green; } button:hover { background-color: white; border: 2px solid green; color ...
24 apr 2024 · Master CSS hover effects with our comprehensive guide. Learn the basics to more advanced techniques including transforming shapes, animations, and making hover effects mobile-friendly.
13 gen 2024 · Discover the art of CSS hover effects to boost user engagement with interactive, stylish web design. Elevate your UI with our tips!