Navigation Elements & Animations

CSS 3    |    Intermediate
  • 15 videos | 1h 9m 2s
  • Earns a Badge
Rating 4.6 of 84 users Rating 4.6 of 84 users (84)
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 33s
    Find out how to use CSS to style links. FREE ACCESS
  • 3m 25s
    In 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
  • Locked
    3.  Configuring Multilevel Navigation
    3m 28s
    In this video, you will use CSS to style nested lists for multilevel navigation. FREE ACCESS
  • Locked
    4.  Configuring Tabbed Navigation
    4m 35s
    In this video, you will learn how to configure tabbed navigation using CSS. FREE ACCESS
  • Locked
    5.  Creating Flyout Menus
    3m 46s
    In this video, you will use lists and CSS to create drop-down menus. FREE ACCESS
  • Locked
    6.  Configuring Dropdown Menus
    6m 5s
    In this video, learn how to use CSS to configure drop-down menus. FREE ACCESS
  • Locked
    7.  Styling a Site Map
    5m 35s
    In this video, find out how to use CSS to style a website map. FREE ACCESS
  • Locked
    8.  Applying Rollover Effects
    3m 22s
    In this video, learn how to use CSS to apply basic rollover effects to navigation options. FREE ACCESS
  • Locked
    9.  Applying Rollover Images
    9m 22s
    Learn how to use CSS to apply rollover images with an image sprite to navigation elements. FREE ACCESS
  • Locked
    10.  Using 2-D Transforms
    5m 29s
    In this video, you will learn how to use 2-D transforms of CSS to manipulate elements. FREE ACCESS
  • Locked
    11.  Using 3-D Transforms
    3m 54s
    In this video, you will learn how to use 3-D transforms in CSS to manipulate elements. FREE ACCESS
  • Locked
    12.  Element Transitions
    2m 18s
    In this video, learn how to use CSS to apply transitions to elements. FREE ACCESS
  • Locked
    13.  Introduction to Keyframe Animations
    3m 55s
    Learn how to use simple keyframe animations with CSS. FREE ACCESS
  • Locked
    14.  Animating Multiple Properties With Keyframes
    3m 4s
    In this video, you will learn how to use CSS to apply basic animations to elements. FREE ACCESS
  • Locked
    15.  Advanced Animation Techniques
    6m 10s
    In 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.

YOU MIGHT ALSO LIKE

Book Web Design in Easy Steps, 7th Edition
Journey Web Development Basics
Rating 4.1 of 10 users Rating 4.1 of 10 users (10)
Channel Wintellect CSS

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course HTML5 with JavaScript & CSS3: Introduction
Rating 4.3 of 125 users Rating 4.3 of 125 users (125)
Course Advanced Options & Responsive Web Design
Rating 4.4 of 144 users Rating 4.4 of 144 users (144)
Course Working with Forms
Rating 4.6 of 66 users Rating 4.6 of 66 users (66)