LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

CSS3 Menu using only CSS and no JavaScript

*Set the video to HD for best viewing experience.
Written by Posted on April 25th, 2014 No Comments
Share This

CSS3 Menu using only CSS and no JavaScript

Today we are making a menu using only CSS3, we are going to wrap the nested ul with in a div called .dropDown and toggle the visibility and height property to give the impression of a drop down menu using only CSS.

Markup

CSS

I hope you enjoyed this and as always HAPPY CODING!

Check out the Demo! Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

JavaScript Slideshow Simple JavaScript SlideShow
How to use Emmet – SIMPLIFIED How to use Emmet – SIMPLIFIED
CSS3 Animation Basics CSS3 Animation Basics
Leave a comment

Leave a Reply