Forum Crea illusion Fantasy


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.


Aides,Codes,Conseils,Forum,Sites web,blogs,Tout supports,Photographie,Graphismes,Dessins,Peintures,Tutoriels,Publicités.
 
AccueilPortailÉvènementsFAQPublicationsPublicationsS'enregistrerConnexion
Ta bannière, Ici !


Partagez | .
 

 Elargissement d'image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ptite_Perle
Admin


avatar


Messages : 6189
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9253

MessageSujet: Elargissement d'image   Mer 3 Mai 2017 - 18:16


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

Transition au survol : partie css
Code:

<style type="text/css">
.transition-div{
   position:relative;
   width:150px;
   height:60px;
   line-height:60px;
   font-size:14px;
   text-align:center;
   border:solid 1px black;
   border-radius:5px;
   background-color:silver;
   -webkit-transition-property:width,height,line-height,background-color,-webkit-transform;
   -webkit-transition-duration:1s,1s,1s,1s,1s,1s;
   -moz-transition-property:width,height,line-height,background-color,-moz-transform;
   -moz-transition-duration:1s,1s,1s,1s,1s,1s;
   -o-transition-property:width,height,line-height,background-color,-o-transform;
   -o-transition-duration:1s,1s,1s,1s,1s,1s;
   transition-property:width,height,line-height,background-color,transform;
   transition-duration:1s,1s,1s,1s,1s,1s;
}

.transition-div:hover{
   width:220px;
   height:120px;
   line-height:120px;
   font-size:20px;
   background-color:steelblue;
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
}
</style>

Transition au survol : partie html

Code:
<div style="padding:20px;">
   <div class="transition-div">
      Transition au survol
   </div>
</div>
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
 

Elargissement d'image

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

 Sujets similaires

-
» roll-over, zone réactive, image et son
» [résolu] Lien dans image survolée vers page html
» agrandir reduire une image en son centre
» Changement d'une image de fond
» Image défilante

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