transparence au passage de la sourit.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu transparence au passage de la sourit.

Message par BANGERZ le Sam 30 Nov 2013 - 23:54

Bonjouuuuuuuur ! j'aurais besoin d'aide s'il vous plait.
voilà voilà, alors sur les profils de mes membres, j'aimerais que dès que l'ont passe la sourit sur la photo, celle si devienne légerement transparente, comment procédé pour obtenir ce résultat?
merci d'avance pour votre aide.
Bonne soirée.


Dernière édition par Bieb's le Dim 1 Déc 2013 - 18:08, édité 1 fois

BANGERZ
***

Féminin
Messages : 180
Inscrit(e) le : 01/08/2013

http://say-hello.fr1.co/
BANGERZ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: transparence au passage de la sourit.

Message par Tech le Dim 1 Déc 2013 - 12:10

Bonjour,

Vous désirez avoir la transparence où pour les avatars ? Sur le profil des membres ou dans les profils des messages d'un sujet ?

Pour les profils dans les messages d'un sujet :
Code:
.postdetails.poster-profile a img:hover {
  opacity: 0.5;
}
Pour le profil des membres, il faut essayer ce code :
Code:
td[width="300"] .row1.gensmall img:nth-child(1):hover {
  opacity:0.5;
}
Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21125
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: transparence au passage de la sourit.

Message par BANGERZ le Dim 1 Déc 2013 - 14:41

c'est super merci !
c'est le premier code que j'ai pris, mais j'aurais besoin d'aide pour un petit détaille. J'aimerais que la transparence sois progressive et pas qu'elle ne vienne d'un seul coup, possible d'avoir ce résultat s'il vous plaît ?

BANGERZ
***

Féminin
Messages : 180
Inscrit(e) le : 01/08/2013

http://say-hello.fr1.co/
BANGERZ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: transparence au passage de la sourit.

Message par Tech le Dim 1 Déc 2013 - 15:37

Il suffit de rajouter une transition au CSS actuel :
Code:
.postdetails.poster-profile a img:hover {
  opacity: 0.5;
  transition: 1s;
}

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21125
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: transparence au passage de la sourit.

Message par BANGERZ le Dim 1 Déc 2013 - 18:07

Merci ! c'est réglé ! bonne soirée !

BANGERZ
***

Féminin
Messages : 180
Inscrit(e) le : 01/08/2013

http://say-hello.fr1.co/
BANGERZ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum