Animation réseaux sociaux

Résolu/Fermé
Cancan56 Messages postés 188 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 19 août 2014 - 26 janv. 2011 à 11:39
Cancan56 Messages postés 188 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 19 août 2014 - 26 janv. 2011 à 11:56
Bonjour,

Sur le site de CCM, en haut à droite, il y a 4 onglets qui, au survol, se soulèvent.
J'aurai voulu savoir comment cet effet a été codé ?

Merci d'avance de votre aide et bonne journée.

Cancan56



4 réponses

lemarketeur2009 Messages postés 32 Date d'inscription dimanche 18 janvier 2009 Statut Membre Dernière intervention 23 juin 2012 10
26 janv. 2011 à 11:47
C'est du CSS. Un effet a:hover qui est appliqué c'est tout.

Je m'explique :

on a appliqué a la balise a ces propriétés :

socialHeader a {
height:19px;
position:absolute;
}

Et au survol on a appliqué ceci :

socialHeader a:hover {
height:25px;
}

Conséquence : l'image se relève de 6 pixels au survol.

Cordialement.
1
Cancan56 Messages postés 188 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 19 août 2014 4
26 janv. 2011 à 11:48
Merci de ta réponse !

C'est que je recherchais!

Et côté html, ca se présenterai comment ?
0
lemarketeur2009 Messages postés 32 Date d'inscription dimanche 18 janvier 2009 Statut Membre Dernière intervention 23 juin 2012 10
26 janv. 2011 à 11:52
Ce n'est pas compliqué il suffit de copier-collé le code HTML du site en question et d'appliquer le CSS. Mais ces outils sont disponibles pour presque tous les CMS wordpress et compagnie.
0
Cancan56 Messages postés 188 Date d'inscription dimanche 7 mars 2010 Statut Membre Dernière intervention 19 août 2014 4
26 janv. 2011 à 11:56
Ok merci pour tout.

Bonne journée à toi.

Cordialement

Cancan56
0