Use the :hover CSS pseudo-class to change border effects in multiple ways on mouse-over

Share this video with your friends

Send Tweet

You can set an element's border to change on mouse-over by using the ":hover" CSS pseudo-class.

The ":hover" selector creates a "hover-over" effect for an element when you mouse-over it. We'll play around with different border effects like border-style, border-width, border-color, and opacity for images and text!