Learn To Create Pure CSS3 Drop-Down Menus The Easy Way
4.7 (7 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.
150 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn To Create Pure CSS3 Drop-Down Menus The Easy Way to your Wishlist.

Add to Wishlist

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.7 (7 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.
150 students enrolled
Created by Infinite Skills
Last updated 1/2017
English
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn how to create pure CSS drop-down menus that require no JavaScript
View Curriculum
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.

Who is the target audience?
  • Users with a basic understanding of HTML and CSS
Students Who Viewed This Course Also Viewed
Curriculum For This Course
23 Lectures
01:38:14
+
Introduction
4 Lectures 04:43
+
The Basics
9 Lectures 47:36

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
+
Building A Simple Menu With CSS3
3 Lectures 10:05
0301 The HTML Markup - Simple Menu
02:21

0302 Styling The Dropdown
03:33

0303 Adding The Hover Functionality
04:11
+
Building A Multi-Level Dropdown Menu
7 Lectures 35:50
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
About the Instructor
Infinite Skills
4.4 Average rating
44,575 Reviews
724,885 Students
331 Courses
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.