From the course: Making Your Site Retina-Ready

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Add a hover state to icon fonts

Add a hover state to icon fonts

- These days it seems like some sort of interactivity is a part of most of our web content, from buttons that change appearance to animating parts of our pages, either simply or complex. Icon fonts can also have interactivity. This video will add a simple hover to one of our icons to indicate a link. Because forever and a day adding some visual feedback to links and buttons is a good thing for users. So I've got my page open here, if you scroll down, we should see that we have this train in here. Now the train itself is actually spinning, we took a look at that in the previous video. I really wanna remove that, 'cause it's annoying. So go ahead and delete the fa-spin. Save this, I'm gonna go open that up in my browser. So open that up out there. We've got the 204, let me open that up, there we go. And you can see that I've got my little train right here. Now we can assign a style to this, we can go in and change the color, we can do a lot of different things to this. But what I'd like…

Contents