CSS Tips and Tricks on :hover Effects

8m
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
3.9
48
people completed
Bookmark
Download
RSS

Learn different ways to manipulate elements (like images and text) on mouse-over by using the :hover pseudo-class in CSS. We will learn how to create the "fade-in" and "fade-out" effects on hover, how to change border effects on hover, how to change the "border-radius" to make rounded corners, and how to delay transitions on hover.

Instructor

Hiroko Nishimura

Hiroko Nishimura is a Technical Writer, Technical Instructor, and AWS Community Hero. She is the founder of AWS Newbies, and teaches at LinkedIn Learning and egghead. As a "tech transplant" coming from special education background, she strives to create technical resources that help explain the introductory jargon and concepts for newbies.

Course content (6 lessons)

    illustration for CSS Tips and Tricks on :hover Effects