Liens qui bougent doucement

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

Résolu Liens qui bougent doucement

Message par gigiman1427 le Mer 3 Avr 2013 - 10:56

Bonjour,

j'ai trouvé ce post super intéressant (Liens qui bougent), mais je ne sais pas comment y ajouter l'effet du forum de Milouze14

merci Smile


Dernière édition par gigiman1427 le Mer 3 Avr 2013 - 11:34, édité 1 fois (Raison : Merci Matriochka ;))

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens qui bougent doucement

Message par Matriochka le Mer 3 Avr 2013 - 10:59


Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens qui bougent doucement

Message par gigiman1427 le Mer 3 Avr 2013 - 11:02

merci, j'avais déjà lu ce tuto, et je n'avais pas trouver que cela correspondait aux liens du forum de Milouze

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Liens qui bougent doucement

Message par Matriochka le Mer 3 Avr 2013 - 11:04

Pourtant si, c’est bien ça…

Exemple :
Code:
a.forumlink:hover {
padding-left:50px;
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;}
Ce qui nous permet de déplacer le lien de 30 pixels avec un effet de transition (le lien se déplace en 0.5 secondes)

Qu’ont-ils de particulier, ces liens ? Tu parles des accolades qui changent de couleur ? Ou bien tu parles d’autres liens ? Dans ce cas là, il faut préciser.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens qui bougent doucement

Message par gigiman1427 le Mer 3 Avr 2013 - 11:18

:s je suis confu, c'était bien ce code là qu'il fallait, en fait dans le tuto je n'avais pas compris l'effet du code du coup je ne lavais pas essayé, maintenant je vais modifier la rapidité de déplacement pour que cela soit plus fluide, merci beaucoup, et toute mes excuses pour ce post :s

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens qui bougent doucement

Message par Matriochka le Mer 3 Avr 2013 - 11:20

Il n’y a pas de problème Wink
Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens qui bougent doucement

Message par gigiman1427 le Mer 3 Avr 2013 - 11:21

par contre pur le retour des liens, je trouve qu'ils reviennent très rapidement, comment je peux faire pour que cela soit plus doux
voilà mon code:
Code:
        a.forumlink:hover {
        padding-left:20px;
        -moz-transition:all 0.8s; /* Mozilla Firefox */
        -webkit-transition:all 0.8s; /* Safari et Google Chrome */
        -o-transition:all 0.8s; /* Opera */
        transition:all 0.8s;}

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Liens qui bougent doucement

Message par Matriochka le Mer 3 Avr 2013 - 11:24

Pour ça, tu peux ajouter la transition sans survol, donc par défaut :
Code:
a.forumlink {
        -moz-transition:all 0.8s; /* Mozilla Firefox */
        -webkit-transition:all 0.8s; /* Safari et Google Chrome */
        -o-transition:all 0.8s; /* Opera */
        transition:all 0.8s;}
On retire la mention :hover

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens qui bougent doucement

Message par gigiman1427 le Mer 3 Avr 2013 - 11:31

si je retire le hover, mes liens ne bougent plus du tout...
moi je souhaite que les liens bougent vers la droite a 0.8s et qu'ils reviennent doucement
avec le premier code que vous m'avez donné, les liens bougent exactement comme je veux, mais retourne à leur position initial trop rapidement

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Liens qui bougent doucement

Message par Matriochka le Mer 3 Avr 2013 - 11:31

Tu mets les deux. Avec hover et sans Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens qui bougent doucement

Message par gigiman1427 le Mer 3 Avr 2013 - 11:34

Excellent !!!!

Merci 1000 fois Matriochka !!!
du coup ce post ne fut pas si inutile que cela ^^

gigiman1427
***

Masculin
Messages : 192
Inscrit(e) le : 01/03/2013

http://www.hijra-egypte.com/
gigiman1427 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