Navigation Elements & Animations
CSS 3
| Intermediate
- 15 Videos | 1h 10m 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
-
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.
