Title: Spin Icon when hover
Last modified: September 1, 2016

---

# Spin Icon when hover

 *  Resolved [farhan86a](https://wordpress.org/support/users/farhan86a/)
 * (@farhan86a)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/spin-icon-when-hover/)
 * 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?
 * [https://wordpress.org/plugins/add-to-any/](https://wordpress.org/plugins/add-to-any/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Akshay Vyas](https://wordpress.org/support/users/akshay-vyas/)
 * (@akshay-vyas)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/spin-icon-when-hover/#post-7517837)
 * Hi farhan86a,
 * CSS that you have applied will effect every images those are in your site because
   you have written img { }.
 * To apply change for particular section only, you need to write class name or 
   ID of that html tag.
 * Thanks.
 *  Plugin Author [micropat](https://wordpress.org/support/users/micropat/)
 * (@micropat)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/spin-icon-when-hover/#post-7517843)
 * A good selector for the default “Large” icons is `.addtoany_list .a2a_svg`. So
   you can apply your spinning effect (and border-radius) with:
 *     ```
       .addtoany_list .a2a_svg {
         border-radius: 50% !important;
         -webkit-transition: -webkit-transform .3s ease-in-out;
         transition: transform .3s ease-in-out;
       }
   
       .addtoany_list .a2a_svg:hover {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
       }
       ```
   
 *  Thread Starter [farhan86a](https://wordpress.org/support/users/farhan86a/)
 * (@farhan86a)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/spin-icon-when-hover/#post-7517852)
 * What if the icons are custom icons?
 *  Thread Starter [farhan86a](https://wordpress.org/support/users/farhan86a/)
 * (@farhan86a)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/spin-icon-when-hover/#post-7517866)
 * Figured out the class.
 * Thanks Akshay and micropat.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Spin Icon when hover’ is closed to new replies.

 * ![](https://ps.w.org/add-to-any/assets/icon.svg?rev=972738)
 * [AddToAny Share Buttons](https://wordpress.org/plugins/add-to-any/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/add-to-any/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/add-to-any/)
 * [Active Topics](https://wordpress.org/support/plugin/add-to-any/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/add-to-any/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/add-to-any/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [farhan86a](https://wordpress.org/support/users/farhan86a/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/spin-icon-when-hover/#post-7517866)
 * Status: resolved