Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Besoin d'un code pour pouvoir faire pivoter légèrement une image à droite ou à gauche dans un article

632 appréciations
Hors-ligne
Bonsoir,

S'il vous plaît dans un article est t'il possible de faire pivoter très légèrement une image à droite ou à gauche en passant la souris sur l'image ?

Je pense qu'il faut un code pour pouvoir le faire, mais ?

D'avance je vous remercie pour votre réponse.

Bonne soirée.

Bien amicalement.


931 appréciations
Hors-ligne


Code à mettre DANS l'article:


 <style type="text/css">
.articles_index_contenu_article img, #articles_show_contenu_article img:hover {
margin-left:20px;
</style>

Mais toutes les images de l'article sont concernées.




632 appréciations
Hors-ligne
Bonjour @@

je vais essayer de faire un article dans la journée. Je te tiens au courant.
Bonne journée. 

931 appréciations
Hors-ligne
tu peux juste mettre un cadre autour des images.

 <style type="text/css">
.articles_index_contenu_article img, #articles_show_contenu_article img:hover {
border:13px inset #0cf;
</style>


632 appréciations
Hors-ligne
Bonsoir @@

J'ai fait un tout premier article avec ton premier code voir ici Bonne Année 2017

Je ne comprends pas car mes créations on déjà un cadre donc ?

Merci pour ce nouveau code que j'essaierai dans un prochain article.

Je crois que je n'explique pas bien ce que j'aimerais faire.

J'aimerais bien faire un article où mes images auraient une transition très légère qui donnerait un effet de mouvement de rotation lorsque l'on passe la souris sur l'image.

Bonne soirée.

Bises.

931 appréciations
Hors-ligne
Coucou
Je te l'ai mis en place dans l'article mais tu peux changer les secondes et le degré. (20deg;)
si tu mets 360deg l'image va faire un tour complet.


http://thalie.blog4ever.net/bonne-annee-2017


<style type="text/css"><!--
.articles_index_contenu_article img, #articles_show_contenu_article img:hover {
border: medium none;
    transform: rotate(20deg);
    -moz-transtion: 2s;
}
img {
-moz-transition-duration:2s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:2s;
-webkit-transition-timing-function:linear;
transition-duration:2s;
transition-timing-function:linear;
}
</style>



632 appréciations
Hors-ligne
Bonjour @@

Waouhhhhhhhhhhhhhhh merci beaucoup c'est superbe, c'est exactement ce que je voulais faire



J'utiliserai tes 3 codes dans des articles différents.
Je suis très heureuse d'apprendre, durant quelques instants cela me permet d'oublier les soucis de santé.

Bonne journée. Bonne fin d'année 2016.

A l'année prochaine. 


632 appréciations
Hors-ligne
Bonsoir @@

Après m'être reposée, j'ai fait un autre exercice voir ici Bonne Année 2017 (2)

Je suis super contente du résultat.

Encore un grand merci.

Bonne soirée.

Bon réveillon pour demain soir.


931 appréciations
Hors-ligne
C' EST SUPER CHOUETTE !

Sur des images de fête ça rend bien.

On peut faire plein de choses avec le Css.



Bonne fin d'année et bon réveillon.


632 appréciations
Hors-ligne
Bonjour @@

Merci je suis très contente de voir que ça te plaît.

Encore merci pour tout ce que tu m'as appris durant l'année 2016 en CSS.
A l'année prochaine.

Je suis ravie d'avoir réussi cet exercice. C'était un exercice renversant lol !!!

Bon réveillon à toi également. Prudence sur la route.


931 appréciations
Hors-ligne
re


Je m'amuse.........
Il neige derrière mon logo !! 

VOIR ICI


632 appréciations
Hors-ligne
 bravo je vois que tu continues de bien t'amuser, bonne continuation.

Oups j'ai renversé ton bateau.

Ici fort heureusement pas de neige, mais un brouillard super dense. 

Bon réveillon. A l'année prochaine  
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5705 autres membres