Navigation Elements and Animations with CSS3


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level


Overview/Description
Effective navigation is a key element of good site design. CSS3 contains many features that allow you to configure and style navigation elements. In this course, you will learn how to apply these features and you will also learn how to use CSS3 animations to create dynamic and attractive sites.

Target Audience
Web developers who want to learn how to use the features of CSS3

Prerequisites
none

Expected Duration (hours)
1.3

Lesson Objectives

Navigation Elements and Animations with CSS3

  • start the course
  • use CSS to style links
  • use CSS to style a list to generate a vertical and horizontal nav bar and display descriptive information
  • use CSS to style nested lists for multilevel navigation
  • configure tabbed navigation using CSS
  • use lists and CSS to create flyout menus
  • use CSS to configure drop-down menus
  • use CSS to style a site map
  • use CSS to apply basic rollover effects to navigation options
  • use CSS to apply rollover images with an image sprite in navigation elements
  • use 2-D transforms of CSS to manipulate elements
  • use 3-D transforms of CSS to manipulate elements
  • use CSS to apply transitions to elements
  • use simple CSS keyframe animations
  • use CSS to apply basic animations to elements
  • apply advanced CSS animation techniques
  • practice creating an animated menu using CSS3

    • Course Number:
    wd_cssh_a03_it_enus

    Expertise Level
    Intermediate