CSS3 : dégradés sans image à l’aide de background et gradient - CSS Débutant
Avant les CSS3, pour réaliser de jolis boutons ou tout autre fond en dégradé de couleurs, il convenait de réaliser une image que l’on déclarait en image de fond à l’aide de background-image.
On peut maintenant s’en passer grâce à de nouvelles valeurs de
background : linear-gradient et radial-gradient.
►http://css.mammouthland.net/css3/degrades-sans-image.php
#tutoriel #css #css3 #gradient #html
Si tu utilises SPIP, le plugin « CSS imbriqués » fournit un pseudo-CSS qui fabrique automatiquement les différentes versions -moz, -webkit… (y compris – surtout – le filtre compatible avec les anciennes versions de MSIE) :
►http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-pre-processeur-de-css
Du coup, pas bien compliqué de faire un dégradé compatible avec quasiment tous les navigateurs utilisés (puisque ça fonctionne même sous MSIE 6…).
Là c’est un tuto général, mais merci de l’info.
Donc, à part le café (et encore) que ne fait pas SPIP ? ;)
Comment ça pas de beurre ? Tu oses avouer ça à une bretonne ?!! ohhhh va falloir faire quelque chose d’urgence là messieurs les spipeurs !
►http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html
Use this demo to create SVG-based CSS #background-image #gradients. The #CSS markup works in browsers which support #SVG as a background-image including Internet Explorer 9, Chrome, Safari, and Opera.
Pfff, de la bidouille pour parvenir à afficher à partir de IE 9, c’est pas la joie…
Tu as essayé CSS imbriqués, qui te fabrique tout seul des fonds dégradés multi-navigateurs qui s’affichent même à partir de IE 6, avec une pseudo-syntaxe telle que :
►http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-pre-processeur-de-css
@arno je bosse sur du SVG, là, ce n’est pas pour des CSS destinées à du HTML. ;-)
Je connais ton plugin CSS Imbriquées, oui, mais on bosse avec LESS voire SASS/Compass chez nous.