Learn To Create Pure Css3 Drop-Down Menus The Easy Way

Infinite Skills shows you how to create pure CSS drop-down menus that require no JavaScript.

What you'll learn
Learn how to create pure CSS drop-down menus that require no JavaScript
Requirements
PC or Mac
Description
This CSS3 Dropdown Menus training course from Infinite Skills teaches you how to build CSS dropdown menus, without using JavaScript! This course is designed for users that already have a fundamental understanding of CSS3. You will start by learning the basics, including the new CSS3 properties and basic CSS transitions (animations), which will give your menus a professional quality. You will then learn how to build a simple menu with CSS3. This course will teach you how to style the dropdowns and add the hover functionality. This video tutorial will also show you how to build a multi-level dropdown, teaching you how to style the other levels, add CSS3 transitions, and change the menu layout. Once you have completed this computer based training course, you will be fully capable of creating your own CSS dropdown menus for your projects. Working files are included, allowing you to follow along with the author throughout the lessons.

Overview

Section 1: Introduction

Lecture 1 Important - Download These First - Working Files

Lecture 2 0101 A Quick Introduction To CSS3

Lecture 3 0102 What You Will Learn

Lecture 4 0103 How To Access Your Working Files

Section 2: The Basics

Lecture 5 0201 CSS Hover

Lecture 6 0202 New CSS Selectors

Lecture 7 0203 Direct Child

Lecture 8 0204 Creating Hover Tabs - Part 1

Lecture 9 0205 Creating Hover Tabs - Part 2

Lecture 10 0206 New CSS3 Properties - Part 1

Lecture 11 0207 New CSS3 Properties - Part 2

Lecture 12 0208 New CSS3 Properties - Part 3

Lecture 13 0209 Basic CSS3 Transitions - Animations

Section 3: Building A Simple Menu With CSS3

Lecture 14 0301 The HTML Markup - Simple Menu

Lecture 15 0302 Styling The Dropdown

Lecture 16 0303 Adding The Hover Functionality

Section 4: Building A Multi-Level Dropdown Menu

Lecture 17 0401 The HTML Markup - Multi-Level Menu

Lecture 18 0402 Styling The First Level With CSS3 - Part 1

Lecture 19 0403 Styling The First Level With CSS3 - Part 2

Lecture 20 0404 Styling The Other Levels

Lecture 21 0405 When To Style Which Tag

Lecture 22 0406 Adding CSS3 Transitions

Lecture 23 0407 Changing The Menu Layout

Users with a basic understanding of HTML and CSS