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.
4.8 (4 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
134 students enrolled
$50
Take This Course
  • Lectures 23
  • Contents Video: 1.5 hours
    Other: 1 min
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2014 English

Course 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.

What are the requirements?

  • PC or Mac

What am I going to get from this course?

  • Learn how to create pure CSS drop-down menus that require no JavaScript

What is the target audience?

  • Users with a basic understanding of HTML and CSS

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Important - Download These First - Working Files
Article
0101 A Quick Introduction To CSS3
Preview
00:54
0102 What You Will Learn
Preview
01:03
0103 How To Access Your Working Files
Preview
02:45
Section 2: The Basics
0201 CSS Hover
Preview
05:25
0202 New CSS Selectors
03:26
0203 Direct Child
08:23
0204 Creating Hover Tabs - Part 1
04:41
0205 Creating Hover Tabs - Part 2
05:27
0206 New CSS3 Properties - Part 1
02:09
0207 New CSS3 Properties - Part 2
03:36
0208 New CSS3 Properties - Part 3
06:38
0209 Basic CSS3 Transitions - Animations
07:51
Section 3: Building A Simple Menu With CSS3
0301 The HTML Markup - Simple Menu
02:21
0302 Styling The Dropdown
03:33
0303 Adding The Hover Functionality
04:11
Section 4: Building A Multi-Level Dropdown Menu
0401 The HTML Markup - Multi-Level Menu
05:25
0402 Styling The First Level With CSS3 - Part 1
04:41
0403 Styling The First Level With CSS3 - Part 2
05:37
0404 Styling The Other Levels
03:15
0405 When To Style Which Tag
06:52
0406 Adding CSS3 Transitions
05:28
0407 Changing The Menu Layout
04:32

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course