Posts tagged: CSS

CSS3 : gradients

By , 11/03/2013

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

By , 01/10/2012

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.

OfficeFolders theme by Themocracy