Learned about the "outline" property today. It's exactly what I was looking for to create a hover effect recently. The only difference between "outline" and "border" is that outline DOES NOT take up physical space. It's a bit like an illusion, where as border will change the spacing of an object and objects around it. https://www.w3schools.com/css/css_outline.asp
4 likes
![rcnONLiNE [humanRaCcoOn] avatar](/site_screenshots/87/48/humanraccoon/index.html.50x50.webp)
I always * { box-sizing: border-box; } so borders don't change the size of the element nor stuff around (it does compress stuff inside though)
I'm not completely sure that would have worked in my case? Actually, it might have, but you would have to make the orignal state have a transparent border and then the :hover state have a visible border. Either way is okay.