How to create an awesome navigation bar with HTML & CSS



A tutorial that takes a look at how to create a nice looking nav bar with a cool little hover effect for the nav items, using HTML and CSS.

I’ve put this on Codepen: http://codepen.io/kevinpowell/pen/GrLKNo

I start this video off with a quick look at how to actually write the HTML for a navigation bar, follow it up with the simple styling of the navigation with CSS and then wrap it all up with how to add the hover effect in there using some fun little hover tricks.

If you want a bit more reading on pseudo elements, this should help: https://developer.mozilla.org/en-US/docs/Web/CSS/::after

source

Reply


Build A Site Info