Navigation Elements & Animations
CSS 3
| Intermediate
- 15 videos | 1h 9m 2s
- Earns a Badge
Effective navigation is a key element of good site design. Learn how to configure and style navigation elements, and use CSS3 animations to create dynamic and attractive sites.
WHAT YOU WILL LEARN
-
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 dropdown 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
IN THIS COURSE
-
4m 33sFind out how to use CSS to style links. FREE ACCESS
-
3m 25sIn this video, you will learn how to use CSS to style a list to generate a vertical and horizontal nav bar and display descriptive information. FREE ACCESS
-
3. Configuring Multilevel Navigation3m 28sIn this video, you will use CSS to style nested lists for multilevel navigation. FREE ACCESS
-
4. Configuring Tabbed Navigation4m 35sIn this video, you will learn how to configure tabbed navigation using CSS. FREE ACCESS
-
5. Creating Flyout Menus3m 46sIn this video, you will use lists and CSS to create drop-down menus. FREE ACCESS
-
6. Configuring Dropdown Menus6m 5sIn this video, learn how to use CSS to configure drop-down menus. FREE ACCESS
-
7. Styling a Site Map5m 35sIn this video, find out how to use CSS to style a website map. FREE ACCESS
-
8. Applying Rollover Effects3m 22sIn this video, learn how to use CSS to apply basic rollover effects to navigation options. FREE ACCESS
-
9. Applying Rollover Images9m 22sLearn how to use CSS to apply rollover images with an image sprite to navigation elements. FREE ACCESS
-
10. Using 2-D Transforms5m 29sIn this video, you will learn how to use 2-D transforms of CSS to manipulate elements. FREE ACCESS
-
11. Using 3-D Transforms3m 54sIn this video, you will learn how to use 3-D transforms in CSS to manipulate elements. FREE ACCESS
-
12. Element Transitions2m 18sIn this video, learn how to use CSS to apply transitions to elements. FREE ACCESS
-
13. Introduction to Keyframe Animations3m 55sLearn how to use simple keyframe animations with CSS. FREE ACCESS
-
14. Animating Multiple Properties With Keyframes3m 4sIn this video, you will learn how to use CSS to apply basic animations to elements. FREE ACCESS
-
15. Advanced Animation Techniques6m 10sIn this video, you will learn how to apply advanced CSS animation techniques. FREE ACCESS
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.
Digital badges are yours to keep, forever.
