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.
138 students enrolled
70% off
Take This Course
  • Lectures 23
  • Length 1.5 hours
  • 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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

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


Section 1: Introduction
Important - Download These First - Working Files
0101 A Quick Introduction To CSS3
0102 What You Will Learn
0103 How To Access Your Working Files
Section 2: The Basics
0201 CSS Hover
0202 New CSS Selectors
0203 Direct Child
0204 Creating Hover Tabs - Part 1
0205 Creating Hover Tabs - Part 2
0206 New CSS3 Properties - Part 1
0207 New CSS3 Properties - Part 2
0208 New CSS3 Properties - Part 3
0209 Basic CSS3 Transitions - Animations
Section 3: Building A Simple Menu With CSS3
0301 The HTML Markup - Simple Menu
0302 Styling The Dropdown
0303 Adding The Hover Functionality
Section 4: Building A Multi-Level Dropdown Menu
0401 The HTML Markup - Multi-Level Menu
0402 Styling The First Level With CSS3 - Part 1
0403 Styling The First Level With CSS3 - Part 2
0404 Styling The Other Levels
0405 When To Style Which Tag
0406 Adding CSS3 Transitions
0407 Changing The Menu Layout

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