Name: Conditionally Apply Style on Hover with the CSS Hover Pseudo-class
Uploaded: 2019-08-23T09:30:24-05:00
Duration: 25 s
Description: Use the hover pseudo-class to apply conditional styling when a user interacts with an element but has not yet activated it.

Use the hover pseudo-class to apply conditional styling when a user interacts with an element but has not yet activated it.

https://app.egghead.io/api/v1/lessons/css-conditionally-apply-style-on-hover-with-the-css-hover-pseudo-class/subtitles

Conditionally Apply Style on Hover with the CSS Hover Pseudo-class

Instructor: [0:01] Start with a simple selector. We're adding the rule background color and setting it to red. If we add a colon and the hover pseudo class, that rule will only apply when a mouse is hovered over the button.

https://app.egghead.io/api/v1/lessons/css-conditionally-apply-style-on-hover-with-the-css-hover-pseudo-class/transcript

Conditionally Apply Style on Hover with the CSS Hover Pseudo-class

Social Share Links