Collections     Developer Collection     Scripting and Web Languages     CSS3, Sass and Less

---

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.

---

---

Objectives

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