Is there a way to create a hover state where the object increase by a set number of pixels instead of a ratio? I need to increase the size by 15px in all directions without interrupting the items around it.
Apologies if this is poorly worded, I am newish to development.
You can give paddings on hover. For ex.
your-object:hover {
padding: 10px;
}
Thanks for the response! So when I do that it is shifting it down and to the right. If I add a margin around the object the same amount as it is supposed to expand, then it stays in place and expands, but I’m trying to avoid doing that since it would not be in the spot I need it.
It would be better if you share a demo.
Have you tried using width and height?