CSS3 : gradients

Yan — Mon, 11 Mar 2013 21:21:43 +0000

Il me semblait que faire un fond en dégradé avec CSS3 était à la portée de tous. En effet ce n’est pas très compliqué, mais, selon ce que l’ont souhaite obtenir, il peut y avoir beaucoup de paramètres à prendre en compte. Par hasard, j’ai découverts un site internet qui propose une interface pour générer ses propres dégradés compatibles avec tous les navigateurs : http://gradients.glrzad.com/.

Le principe est simple, il faut choisir

le nombre de couleurs du dégradé,
l’orientation et la position de la ou les ruptures de couleur
la rapidité de passage d’une couleur à l’autre

Ensuite, il suffit de copier le code CSS généré dans sa propre feuille de style.

CSS: Center horizontalement

Yan — Mon, 01 Oct 2012 19:40:34 +0000

Pour centrer horizontalement une box en CSS, il faut utiliser la propriété margin :

center {
       border : 1px dashed black;
       margin : 0 auto;
       width : 50%;
}

Par exemple :

Voici un élément div centré horizontalement.

Everything is wrong » CSS

CSS3 : gradients

CSS: Center horizontalement