Navigation Elements & Animations

CSS 3    |    Intermediate
  • 15 Videos | 1h 9m 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
    FREE ACCESS
  • Locked
    4. 
    Configuring Tabbed Navigation
    4m 35s
    FREE ACCESS
  • Locked
    5. 
    Creating Flyout Menus
    3m 46s
    FREE ACCESS
  • Locked
    6. 
    Configuring Dropdown Menus
    6m 5s
    FREE ACCESS
  • Locked
    7. 
    Styling a Site Map
    5m 35s
    FREE ACCESS
  • Locked
    8. 
    Applying Rollover Effects
    3m 22s
    FREE ACCESS
  • Locked
    9. 
    Applying Rollover Images
    9m 22s
    FREE ACCESS
  • Locked
    10. 
    Using 2-D Transforms
    5m 29s
    FREE ACCESS
  • Locked
    11. 
    Using 3-D Transforms
    3m 54s
    FREE ACCESS
  • Locked
    12. 
    Element Transitions
    2m 18s
    FREE ACCESS
  • Locked
    13. 
    Introduction to Keyframe Animations
    3m 55s
    FREE ACCESS
  • Locked
    14. 
    Animating Multiple Properties With Keyframes
    3m 4s
    FREE ACCESS
  • Locked
    15. 
    Advanced Animation Techniques
    6m 10s
    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 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

COURSE Web Programming in Go: Working with Templates in Go
Likes 2 Likes 2  
BOOK Introduction to HTML and CSS Coding: Student Study Guide Part 2
CHANNEL Adobe Dreamweaver - Supplemental Material