In this video I go over how to create this Navigation Bar using only HTML and CSS. I show you the full front end coding tutorial, where I create the structure of the elements in HTML and then write all of the styling and effects with CSS. I use Flexbox for the layout and then add hover effects with a pseudo element.

Codepen: https://codepen.io/angeladelise/pen/eYJMQzv

In this video I show you:

  • 0:31 - Starting HTML Code
  • 0:56 - HTML Code
  • 2:21 - CSS Code
  • 4:50 - Hover Animation Code
  • 6:04 - Stroke Keyframe Animation
  • 8:18 - Fade Keyframe Animation

#html #css

Heart SVG Animation | HTML CSS Hover Animation
3.15 GEEK