Animating Drop Down Menus with CSS | Kyle S | Skillshare

Animating Drop Down Menus with CSS

Kyle S, Designer Developer Creator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (25m)
    • Introduction

      0:35
    • Setting up the HTML

      1:53
    • Creating the CSS

      7:58
    • Animation One

      5:40
    • Animation Two

      1:40
    • Animation Three

      2:20
    • Animation Four

      4:38
    • Conclusion

      0:38

About This Class

Hello in this course were going the build a drop down navigation list, and I'm going to show you how you can animate them. Im going to show you how to build your HTML code, then Im going to show you how to setup the CSS. Once thats done Im going to go through four ways you can animate each drop down menu when you hover over them. Were going to be working with the keyframes property, as well as the scale, translate, and rotate effect. Go and Enroll now and ill see you in the first lesson!!  

14

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Kyle S

Designer Developer Creator

Im a Designer and Developer as well as a College Student, I make courses to share my knowledge and help people learn new things

See full profile

Technology Web Development HTML CSS Animation
Report class