Css Tutorial [Blinds Link Effect]

Well first Ihave to say that not all browsers are able to see CSS because of the fact their computer is a piece of shit, but these can make your site look very nice an its what I used on one of my past layouts.

- First before you do anything download this file blinds.htc
- Next go ahead an upload it in your ftp so when you can see the effect while your editing it.
- Then you will need to insert this css style effect below into the HEAD of your html.

 

 

<!--filter:progid:dximagetransform.microsoft.pixelate(duration=.7, maxSquare=05, enabled=false)-->
<style>
A{cursor:hand;height:1px;behavior:url(blinds.htc);filter:progid:DXImageTransform.Microsoft.RandomBars(duration=.5 enabled=false);}
A:visited {color:"#ff9900";text-decoration:none}
A:hover {color:"#000000";text-decoration:none}
A:active {color:"#ff9900";text-decoration:none}
A:link {color:"#ff9900";text-decoration:none}
</style>





- After that just fool with the colors until u get it to match your web page and will end up looking like this below: (put your mouse over the link) ENJOY!

If you find this information inaccurate or have questions post in the forums