cursor/hover effect
WHITESABBATH at 18h56
16
Oct
2011
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.
1 Drogba921, on 16/10/2011 at 19h30
something like this? http://inspectelement.com/demos/css3/iconspin/
2 Matti_7, on 16/10/2011 at 19h31
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);
}
3 WHITESABBATH, on 16/10/2011 at 19h41
Thanks Gents 
Similar topics
Dont know what you call it, but i think we should have this thing were when you hover the cursor over the subject it show you the first few lines of it..
I know i didn't make sense so i took a screeny
can someone give me a css script to make a hover effect in the header navigation where it darkens
How can i add an effect when i hover over some links???
like a glow or glitter when i hover on a link??
Replies 1 to 3 on 3 for "cursor/hover effect"
Search
See also
Informations
3 Replies For the topic :
"cursor/hover effect"
This topic has been viewed 572 times.
Last message :
16/10/2011 at 18h56 by "WHITESABBATH"
