Hover Demo "Playground"

Instructions: Make the content on the left column behave like the right column. Hover over everything in the right column to see what you need to replicate. Or go crazy - experiment however you like!

Text, Links, and Buttons

Here's some paragraph text that talks about nothing. Make this link turn red.

This is a secret letter. Can you make the lines visible when you hover over them?
Wow, this is so cool, like invisible ink under UV light!
(But this isn't actually secure...anyone can still read this)
This :hover thing is awesome. I want to learn more!

Here's some paragraph text that talks about nothing. I turn red on hover.

Styling child elements with :hover

Make this so that the image changes when hovering any part of the card

Hover over this card and see the image above change

Change the shape or size of this div on hover

Try playing with border-radius, width, height, background-color, margin, etc. Put something inside the div, or whatever you want!