Есть изображение 200*200 задаем радиус 100px - получаем круг + обрамляем border 2px (увеличиваем радиус +1px) При наведении на изображение border увеливаеться до 4px
img{
width: 200px;
height: 200px;
border: 2px solid #000;
border-radius: 101px;
}
img:hover{
border: 4px solid #00f;
border-radius: 102px;
}
При этом изображение не статично, отсюда вопрос как сделать чтобы при hover изображение оставалось на месте.