Links Effects

 

In questo tutorial  vi insegnerò alcuni dei vari effetti che potete avere sui vostri links!!! Innanzitutto il codice che dovrete inserire per modificare i link è questo, e va inserito tra <head> e </head>:

 

-ENG-  With this tutorial I will teach you some effects that you can give to your links!!! Now, the code that you must insert between <head> and </head> is the following:

 

E ora vediamo i significati di ogni singola parte:

 

- And now let's see the meaning of each part:

 

A: link è l'aspetto normale del link

          - is the normal aspect of the link

A: visited è l'aspetto del link una volta che è stato "cliccato"

               - is the aspect of the link after you have clicked on it

A: active è l'aspetto the lik quando sta per essere cliccato

             - is the aspect of the link when you are going to click on it

A: hover è l'aspetto del link quando il mouse vi passa sopra

              - is the aspect of the link when the mouse goes on it

 

TYPE of TEXT-DECORATIONS

 

TEXTDECORATION: NONE       --> Demo

TEXT-DECORATION: UNDERLINE              --> Demo

TEXT-DECORATION: OVERLINE --> Demo

TEXT-DECORATION: LINE-THROUGH        -->Demo

BACKGROUND COLOR: PUT YOUR COLOR HERE!

 

 

TYPE OF EFFECTS

 

border:1 solid; border-color:#000000;  Demo

 

border:1 dashed; border-color:#000000;  Demo

 

border-bottom:1 dashed #000000;    Demo

 

border-bottom:1 solid #000000;   Demo

 

filter:fliph; height:0;   Demo

 

filter:flipv; height:0; Demo

 

height:0;color:000000;

filter:wave(add=0,phase=4,freq=5,strength=2);   Demo

 

filter:dropshadow(color=#000000,offX=1,offY=1);

height:7pt;  Demo

 

filter:blur(add="0",direction="180",strength="2");

height:0;   Demo