Fourm Crea illusion Fantasy
Elargissement d'image Bannie10

Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Fourm Crea illusion Fantasy

#Forum d'entraide, une inscription pour nous rejoindre. Les débutants sont les bienvenu aussi :)


 

Partagez

Elargissement d'image

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4704
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 81910
Fondatrice
Ptite_Perle
24px
MessageSujet: Elargissement d'image Elargissement d'image EmptyMer 3 Mai 2017 - 18:16

Sympa comme petit astuce, avec du CSS et du Code Html

Transition au survol : partie css
Code:

.zoom {
width: 320px;
height: 240px;
}
.image {
width: 100%;
height: 100%;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.25); /* Safari et Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* Internet Explorer 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}

Transition au survol : partie html, ce code est mettre dans le message sur un forum

Code:
<div class=zoom>
 <div class=image>
 <img src=img.jpg alt=Text de remplacement/>
 </div>
</div>
Revenir en haut Aller en bas
AuteurMessage
Rectangletops
Messages : 220
Venue : 27/03/2011 Je suis : Masculin
Né(e) le : 04/01/1954
Age : 65
Je vie à : Belgique
Humeur : Bonne souvent.
Mes Points : 59340
inactif
Rectangletops
24px
MessageSujet: Re: Elargissement d'image Elargissement d'image EmptyVen 15 Déc 2017 - 20:03
A quoi cela sert-il, des exemples svp
Revenir en haut Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4704
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 81910
Fondatrice
Ptite_Perle
24px
MessageSujet: Re: Elargissement d'image Elargissement d'image EmptyVen 15 Déc 2017 - 20:45

Coucou

Ce script sert à agrandir une image en passant la souris dessus

Amicalement
Revenir en haut Aller en bas
AuteurMessage
Rectangletops
Messages : 220
Venue : 27/03/2011 Je suis : Masculin
Né(e) le : 04/01/1954
Age : 65
Je vie à : Belgique
Humeur : Bonne souvent.
Mes Points : 59340
inactif
Rectangletops
24px
MessageSujet: Re: Elargissement d'image Elargissement d'image EmptyMer 20 Déc 2017 - 11:44
Bonjour,
Ok, merci.
Revenir en haut Aller en bas
AuteurMessage
Contenu sponsorisé
24px
MessageSujet: Re: Elargissement d'image Elargissement d'image Empty
Revenir en haut Aller en bas

Elargissement d'image

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Écrire un texte dans une image
» [résolu]Carte tv cynergy pci 250 pas de son mais image ok
» Image coupée sur les cotés
» Challenge 2012 image d'extérieur -TJcanillo - SKETCHUP -- ARTLANTIS -- PHOTOSHOP
» probléme image tv

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fourm Crea illusion Fantasy :: Astuces codages pour forumactif :: Astuces et codages forumactif-