Hey guys!
I'm trying to get my social media icons to rotate when you mouse over on them, but I can't get it to work.
The strange thing is, it works in the admin section on the WYSISYG editor. When I view it on the frontend, it does not work.
http://www.techsperi…for-images.html
I added this to my skin styles.css file.
.rotate img {
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.rotate img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
This is the code that works in the admin section and not on the frontend.
```php
```