Navigation Elements & Animations

CSS 3    |    Intermediate
  • 15 Videos | 1h 10m 2s
  • Earns a Badge
Likes 5 Likes 5
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

  • Playable
    1. 
    Styling Links
    4m 33s
    UP NEXT
  • Playable
    2. 
    Styling Lists as Nav Bars
    3m 25s
  • Locked
    3. 
    Configuring Multilevel Navigation
    3m 28s
  • Locked
    4. 
    Configuring Tabbed Navigation
    4m 35s
  • Locked
    5. 
    Creating Flyout Menus
    3m 46s
  • Locked
    6. 
    Configuring Dropdown Menus
    6m 5s
  • Locked
    7. 
    Styling a Site Map
    5m 35s
  • Locked
    8. 
    Applying Rollover Effects
    3m 22s
  • Locked
    9. 
    Applying Rollover Images
    9m 22s
  • Locked
    10. 
    Using 2-D Transforms
    5m 29s
  • Locked
    11. 
    Using 3-D Transforms
    3m 54s
  • Locked
    12. 
    Element Transitions
    2m 18s
  • Locked
    13. 
    Introduction to Keyframe Animations
    3m 55s
  • Locked
    14. 
    Animating Multiple Properties With Keyframes
    3m 4s
  • Locked
    15. 
    Advanced Animation Techniques
    6m 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.

YOU MIGHT ALSO LIKE

CHANNEL HTML5 & CSS3
Likes 236 Likes 236  
CHANNEL Wintellect CSS