A la une !
Ultimate CSS Gradient generator, génère toi de beaux dégradés et récupère la css
17 janvier 2012 14:06
0 commentaires
Ultimate CSS Gradient Generator est un site très simple à utiliser vous permettant de générer des dégradés pour votre site Web et d’en obtenir dans la foulée la feuille Css qui va bien.
Vous avez le choix de vous appuyer sur des présélections :
ou de personnaliser le votre :
en jouant sur la saturation, les tons et la couleur. Vous obtebez alors la prévisualisation de vos choix :
en pouvant encore jouer sur l’orientation du dégradé : verticla, horizontal, diagonal… pour en récupérer le code de la feuille css qui va bien :
Vous sauvegarderez votre travail si vous le voulez et même, vous pourrez en générer un lien permanent pour partager votre créativité
Bon créativité !
Vous avez le choix de vous appuyer sur des présélections :
ou de personnaliser le votre :
en jouant sur la saturation, les tons et la couleur. Vous obtebez alors la prévisualisation de vos choix :
en pouvant encore jouer sur l’orientation du dégradé : verticla, horizontal, diagonal… pour en récupérer le code de la feuille css qui va bien :
background: #a9494e; /* Old browsers */
background: -moz-linear-gradient(-45deg, #a9494e 0%, #e7717f 69%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9494e), color-stop(69%,#e7717f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* IE10+ */
background: linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9494e', endColorstr='#e7717f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background: -moz-linear-gradient(-45deg, #a9494e 0%, #e7717f 69%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9494e), color-stop(69%,#e7717f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* IE10+ */
background: linear-gradient(-45deg, #a9494e 0%,#e7717f 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9494e', endColorstr='#e7717f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
Vous sauvegarderez votre travail si vous le voulez et même, vous pourrez en générer un lien permanent pour partager votre créativité
Bon créativité !
By Wiloooo
By JqueryThis, tout chercher à propos de Jquery (tutorials, plugins & Co) | Zat's Hall
By Claude
By 21 outils afin d’optimiser le temps de chargement de vos pages ! A utiliser sans modération | Zat's Hall