Making a Link Effect

Main >> Content >> Tutorials >> HTML >> Making a Link Effect

Making a link effect is not hard. You can take any picture you want and make that the link effect. Animated pictures looks really cool.



Step 1: Use the code under, copy and paste it on the page you want to have the link effect.
<style type="text/css"><!-- a:hover {background:url(PICTUREURL); text-decoration: none;} //--></style>

Step 2: The next thing you have to do is to find a picture or make a picture you think will look good as a link effect. If you click on the link under, you can see the picture I've used, it is animated.
Click here

Step 3: Now find the URL-adress to the picture and paste the adress into the code where it says PICTUREURL. Now you can try out your new link-effect.