Effets CSS / CSS3 sur un PA

Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.

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

Résolu Effets CSS / CSS3 sur un PA

Message par Offrande le 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
*****

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

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par Offrande le 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
*****

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

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par Tech le 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.



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

Tech
Modéractif
Modéractif

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

http://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 le 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 : http://forum.forumactif.com/t291783-comment-faire-une-infobulle

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 le 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
*****

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

http://le-grand-havre.forumactif.org/
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