Pré-requis

Rendez-vous dans Panneau d'Administration puis dans Affichage > Gestion des Couleurs > Feuille de style CSS.

Les effets

Je vous présente ici quelques effets, certains peuvent probablement déjà faire l'objet de tutoriels ou codes à copier/coller. Le but est de donner quelques exemples ici et de laisser libre court à votre inspiration/personnalisation.

Transformation en petites majuscules

Code:

a:hover{
    font-variant: small-caps;
}

Exemple : Connaissez-vous CSSActif ?

Apparition d'une ombre

Code:

a:hover{
    text-shadow: 1px 1px 2px black;
}

Indications pour la personnalisation :

• la première valeur indique le placement horizontal de l'ombre,
  
• la deuxième valeur indique le placement vertical de l'ombre,
  
• la troisième valeur indique le rayon du flou de l'ombre (atténuation),
  
• la quatrième et dernière valeur correspond à la couleur de l'ombre.

Exemple : Connaissez-vous CSSActif ?

Lettres moins espacées

Code:

a:hover{
    letter-spacing :-1px;
}

Une valeur positive écartera les lettres.

Exemple : Connaissez-vous CSSActif ?

Transformation en italique

Code:

a:hover{
    font-style: italic;
}

Exemple : Connaissez-vous CSSActif ?

Transformation en (grandes) majuscules

Code:

a:hover{
  text-transform: uppercase;
}

Exemple : Connaissez-vous CSSActif ?