I inserted the below CSS code for spin icon when mouse hover in Additional CSS box:
img {
border-radius: 50%;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
img:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
It does give the icons the spin effect but along with them it applies that effect to all the images in my blog.
I am a newbie in CSS. I doing something wrong. What is it?