Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Creating Elegant Navigation Using CSS3 Transitions

via Pluralsight

Overview

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.

Syllabus

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

Taught by

Susan Simkins

Reviews

4.6 rating at Pluralsight based on 132 ratings

Start your review of Creating Elegant Navigation Using CSS3 Transitions

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.