In this video, I've cleared explained how to create the Border Icon hover effect using HTML and CSS. At first, I've created the Div elements inside the parent Div element and gave them a specific width, height and floated them to left. next by using the before pseudo-element, I've created the one element with border and made its background colour to transparent, to look alike the body background colour. and by using the scale method of the transform property. I made the before div element size small and whenever we hover over it, it size becomes large and we can see the border effect around the div elements.
link to video,