Effets CSS / CSS3 sur un PA

3 participants

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

Résolu Effets CSS / CSS3 sur un PA

Message par Offrande Sam 6 Juil 2013 - 21:15

Bonjour, 

Je viens de mettre en place le "PA" de mon forum, soit dit : Message d'Administration. Qui contient plusieurs cadres avec des informations. J'ouvre ce topics car je souhaite mettre des animations sur les cadre (hors "hover") mais plus avancer en CSS ou en CSS3 sur certains des cadres.

Je souhaiterais 3 choses différentes mais je ne retrouve plus les codes CSS, donc si quelqu'un les connaît, se serais adorable de sa part de me les transmettre ^v^.


  • 1. Faire une transition sur un lien (le texte glisse vert la droite)



  • 2. Mettre une "porte" / "fenêtre" sur un cadre qui sera représenter par une image, au survole de celle-ci ver la gauche / ou ver la droite le cadre avec les information s'affiche et l'image "porte"/"fenêtre" disparaît sur le côté, se remet par dessus le cadre une fois que le curseurs n'y est plus.



  • 3. Faire une petite rotation directe (pas de transition longue) sur des image de 30° environ au passage de la souris dessus.


Merci infiniment de votre aide, si vous ne connaissez qu'un code, faite le moi savoir cela sera déjà super, je vous remercie encore une fois d'avance.

Tendrement, 
Offrande.


Dernière édition par Offrande le Dim 7 Juil 2013 - 16:49, édité 1 fois
Offrande

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effets CSS / CSS3 sur un PA

Message par Offrande Dim 7 Juil 2013 - 8:13

Bonjour,
Je Up' ce topic, j'ai réussie (enfin) à trouver sur le net :

" 3. Faire une petite rotation directe (pas de transition longue) sur des image de 30° environ au passage de la souris dessus. "

Mais toujours pas le reste : / Merci de votre aide

Offrande

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effets CSS / CSS3 sur un PA

Message par Tech Dim 7 Juil 2013 - 10:52

Bonjour,

Pour le point 1, je vous invite à lire ceci : http://www.alsacreations.com/tuto/lire/873-transitions-css3-animations.html
Vous pouvez par exemple trouver en exemple ceci : http://www.alsacreations.com/xmedia/tuto/exemples/transitions/transition3.htm

Pour le point 2, ce n'est pas facile à comprendre je dois dire.

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: Effets CSS / CSS3 sur un PA

Message par Killae Dim 7 Juil 2013 - 15:46

« Mettre une "porte" / "fenêtre" sur un cadre qui sera représenter par une image, au survole de celle-ci ver la gauche / ou ver la droite le cadre avec les information s'affiche et l'image "porte"/"fenêtre" disparaît sur le côté, se remet par dessus le cadre une fois que le curseurs n'y est plus. »

Je ne suis pas sûr d'avoir comprit, mais le mot infobulle te dirait quelque chose ? C'est un élément qui n’apparaît qu'au survol d'un autre élément (la plupart du temps côte à côte ou l'un dessus l'autre).

Si oui : https://forum.forumactif.com/t291783-comment-faire-une-infobulle
avatar

Killae
*

Messages : 42
Inscrit(e) le : 23/09/2012

http://bientot-un-lien.foruma-actif.net
Killae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effets CSS / CSS3 sur un PA

Message par Offrande Dim 7 Juil 2013 - 16:48

Merci beaucoup pour vos liens !
J'ai pratiquement tout trouver donc je met le sujet en résolus.

Je vous souhaite une bonne journée et bonne continuation.
Offrande

Offrande
*****

Féminin
Messages : 614
Inscrit(e) le : 05/01/2013

http://sciences-occultes.forumactif.com/
Offrande 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