Creating Elegant Navigation Using CSS3 Transitions

In this series of CSS tutorials we'll talk about a commonly overlooked element of design: what do elements look like between the change from one state to another? When creating a visual design for a website, it is really easy to overlook the interactive elements of a website. Software required: Brackets, Google Chrome.

In this series of CSS tutorials we'll talk about a commonly overlooked element of design: what do elements look like between the change from one state to another? When creating a visual design for a website, it is really easy to overlook the interactive elements of a website. So in this course, we'll look at how to style interaction using the CSS3 transition property. As a result we'll create more elegant navigation and examine the transition from a default link state to a hover link state. Since we'll be using CSS, this course assumes previous CSS training to be able to follow along. Software required: Brackets, Google Chrome.

• Introduction and Project Overview 0mins
• Creating Elegant Navigation Using CSS3 Transitions 61mins