Jump to content

.London Domains - £4
Photo

how to create the Border Icon hover Effect Using HTML and CSS

CSS Icon hover effect Border Icon hover effect CSS Icon hover effect

  • Please log in to reply
No replies to this topic

#1 Rajesh DN

Rajesh DN
  • Member
  • Newbie
  • 2 posts

Posted 03 December 2017 - 18:41

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, 

https://youtu.be/tyvYF9HRgE0


  • 1





Also tagged with one or more of these keywords: CSS, Icon hover effect, Border Icon hover effect, CSS Icon hover effect

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users