Forum d'entraide


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.

Forum d'entraide

Aides, Conseils, Forum, Sites web, blogs, tout supports, Graphismes, Tutoriels, Publicités.


AccueilAccueil  FAQFAQ  PortailPortail  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Effet couleur

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 6862
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10488
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: Effet couleur Lun 4 Juin 2018 - 13:33

Réaliser cet effet couleur

Code:
<br />   <meta charset="utf-8" />  <meta name="viewport" content="width=device-width, initial-scale=1" />  <meta name="Forum crea illusion fantasy" />   <title>jQuery UI Effects - Animation/title>  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">   <link rel="stylesheet" href="/resources/demos/style.css">   <style>     .toggler { width: 500px; height: 200px; position: relative; }     #button { padding: .5em 1em; text-decoration: none; }     #effect { width: 240px; height: 170px; padding: 0.4em; position: relative; background: #fff; }     #effect h3 { margin: 0; padding: 0.4em; text-align: center; }   </style>   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>   <script>   $( function() {     var state = true;     $( "#button" ).on( "click", function() {       if ( state ) {         $( "#effect" ).animate({           backgroundColor: "#aa0000",           color: "#fff",           width: 500         }, 1000 );       } else {         $( "#effect" ).animate({           backgroundColor: "#fff",           color: "#000",           width: 240         }, 1000 );       }       state = !state;     });   } );   </script> </head> <body>  <div class="toggler">   <div id="effect" class="ui-widget-content ui-corner-all">     <h3 class="ui-widget-header ui-corner-all">Animation</h3>     <p>       Sympatique efet sur vos cadres et écriture, à vous essayer le rendu sur votre site.     </p>   </div> </div>   <button id="button" class="ui-state-default ui-corner-all">Effect du texte</button>     </body> </html></title>


Exemple:

   
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/

Effet couleur

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

Sujets similaires

-
» aide pour un effet sur image !
» Couleur : traitement par Teinte, Saturation, Luminosité
» des photos en couleur de la 14-18
» Couleur et police...
» [SUGGESTION] Changer la couleur du groupe "membres" & idée d'un nouveau groupe

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum d'entraide :: Caverne d'Alibaba du forum :: Outils Webmasters-