Using the rotate value

There is another transform function that I'd like to go over, but if we add anymore flair to these buttons they will be far too distracting. Instead, let's add a very interesting hover effect to the movie images on the movie page. The images next to each movie title are actually external links to the movie:

However, I want a visual interaction to take place upon hover, which really indicates that this is a hyperlink, or at least letting the user know there is some type of action that can be performed. Let's use transform: rotate() to make this happen.

This is what we're aiming for in our final site. A white frame with ...

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.