|
CSS Hovers
This tutorial adds some hover effects to the css links code.
So basically you can add any of those to the A:hover section so it will look spiffy when someone moves their mouse over the link. Of course, most likely most of these only work in Internet Explorer.
Hover Effects:
border:1 solid; border-color:COLOR; -- solid border
border:1 dashed; border-color:COLOR; -- dashed border
border-bottom:1 dashed COLOR; -- dashed border on the bottom
border-bottom:1 solid COLOR; -- solid border on the bottom
filter:dropshadow(color=COLOR,offX=1,offY=1); height:7pt; -- shadow
filter:shadow(color=#000000,offX=1,offY=1); height:0; -- blurred shadow
filter:blur(add="0",direction="180",strength="2"); height:0; -- blurs links
filter:fliph; height:0; -- backwards links
filter:flipv; height:0; -- turns links upside-down
filter:gray(); height:0; -- makes links gray
filter:invert(); height:0; -- inverts links to opposite colors
filter:mask; height:0; -- transparent
filter:wave(strength="1"); height:0 -- wavy links
height:0;color:COLOR;filter:wave(add=0,phase=4,freq=5,strength=2); -- wavy links
filter:glow(color=COLOR, strength=5); height:0; -- text glow
text-transform:uppercase; -- all capitals
text-transform:capitalize; -- first letter a capital letter
text-transform:lowercase; -- lowercase
background-color:COLOR; -- changes background color
position:relative;left:1px;top:1px; -- move links 1px from the left and top
<-back
|
