In this video I go over how to create this profile image hover effect using only HTML and CSS. I was inspired by the profile hover effect I saw on JIRA and wanted to recreate it with 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.

Codepen: https://codepen.io/angeladelise/pen/gOMJYZW?editors=1100

In this video I show you:

• 0:00 - Intro
• 0:33 - Starting HTML Code
• 1:10 - HTML Code
• 2:20 - CSS Code
• 6:31 - Hover Effect

#html #css