Navigation Elements and Animations with CSS3

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

Prerequisite
none

Expected Duration
79 minutes

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.

Objective

Navigation

  • 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

Transitions and Transforms

  • use 2-D transforms of CSS to manipulate elements
  • use 3-D transforms of CSS to manipulate elements

Animations

  • 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

  • practice creating an animated menu using CSS3

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.