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 linksuse CSS to style a list to generate a vertical and horizontal nav bar and display descriptive informationuse CSS to style nested lists for multilevel navigationconfigure tabbed navigation using CSSuse lists and CSS to create flyout menususe CSS to configure dropdown menususe CSS to style a site mapuse CSS to apply basic rollover effects to navigation options
-
use CSS to apply rollover images with an image sprite in navigation elementsuse 2-D transforms of CSS to manipulate elementsuse 3-D transforms of CSS to manipulate elementsuse CSS to apply transitions to elementsuse simple CSS keyframe animationsuse CSS to apply basic animations to elementsapply advanced CSS animation techniques
IN THIS COURSE
-
1.Styling Links4m 33sUP NEXT
-
2.Styling Lists as Nav Bars3m 25s
-
3.Configuring Multilevel Navigation3m 28s
-
4.Configuring Tabbed Navigation4m 35s
-
5.Creating Flyout Menus3m 46s
-
6.Configuring Dropdown Menus6m 5s
-
7.Styling a Site Map5m 35s
-
8.Applying Rollover Effects3m 22s
-
9.Applying Rollover Images9m 22s
-
10.Using 2-D Transforms5m 29s
-
11.Using 3-D Transforms3m 54s
-
12.Element Transitions2m 18s
-
13.Introduction to Keyframe Animations3m 55s
-
14.Animating Multiple Properties With Keyframes3m 4s
-
15.Advanced Animation Techniques6m 10s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform
Digital badges are yours to keep, forever.