This is my First Time doing this, Rate Please :'(
For further actions, you may consider blocking this person and/or reporting abuse
This is my First Time doing this, Rate Please :'(
For further actions, you may consider blocking this person and/or reporting abuse
TheDev -
Muhammad Essa -
kvetoslavnovak -
Emil Pearce -
Top comments (6)
It's a good start. As a usability rule of thumb, hovering something should never cause layout shift. In your case, when you hover the "Hover us please" text, it causes the width to change which in turn causes layout shift.
I've quickly updated your Codepen with a couple of changes to help show you how to center your box and use widths to avoid layout shift.
codepen.io/getreworked/pen/BaQxpBW
I also Made it in a way that the background color changes as you click on the icons :)
I've Worked on that too, I'll update the codepen now
great. check these out ianlunn.github.io/Hover/
Is there some way to be test
Hover on an Android phone with touch ?
Nice work, I would add some fixed with and height to the icons to make the hover effect more fluent.