cursor/hover effect
3 posters
Page 1 of 1
cursor/hover effect
Anyone know the code to get the effect shown HERE ?
cursor over the social net icons and watch them spin.
cursor over the social net icons and watch them spin.
Last edited by WHITESABBATH on October 16th 2011, 7:42 pm; edited 1 time in total (Reason for editing : marked solved/remove link)
WHITESABBATH- Active Poster
- Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago
Re: cursor/hover effect
something like this? http://inspectelement.com/demos/css3/iconspin/
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: cursor/hover effect
Add the HTML code to Display => Homepage => Generalities and save
The HTML
The CSS
The HTML
- Code:
<ul class="socialicons">
<li><a href="#"><img src="IMAGE1" border="0"/></a></li>
<li><a href="#"><img src="IMAGE2" border="0"/></a></li>
<li><a href="#"><img src="IMAGE3" border="0"/></a></li>
<li><a href="#"><img src="IMAGE4" border="0"/></a></li>
<li><a href="#"><img src="IMAGE5" border="0"/></a></li>
</ul>
The CSS
- Code:
ul.socialicons{
list-style: none;
margin:0px;
padding:0px;
position:fixed;
left:0px;
top:250px;
}
ul.socialicons li{
padding-bottom:4px;
padding-left:15px;
}
ul.socialicons li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
ul.socialicons li img:hover{
opacity:1.9;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
Re: cursor/hover effect
Thanks Gents
WHITESABBATH- Active Poster
- Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago
Similar topics
» HTML hover effect
» Hover effect fail
» Hover effect on Affiliate marquee
» How do I give my navbar this hover effect?
» Cursor Problem
» Hover effect fail
» Hover effect on Affiliate marquee
» How do I give my navbar this hover effect?
» Cursor Problem
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum