transparence au passage de la sourit.

2 participants

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

Résolu transparence au passage de la sourit.

Message par BANGERZ 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

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 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.
Tech

Tech
Membre actif

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

https://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 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

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 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.
Tech

Tech
Membre actif

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

https://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 Dim 1 Déc 2013 - 18:07

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

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

- Sujets similaires

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