generateur css ultime enjoycss

Générateur CSS ultime : EnjoyCSS

Je vous présente aujourd’hui un générateur CSS assez complet : EnjoyCSS.

Un générateur pour les contrôler tous

Je suis un utilisateur assez régulier de divers générateur CSS notamment pour les propriétés dont l’utilisation n’est pas standard ou un peu pénible à utiliser :

  • Gradient background
  • Box-shadow
  • Text-shadow
  • etc….

Au fil de mes besoins je m’étais constitué une petite liste de générateur.

Mais là je viens de tomber un peu par hasard sur EnjoyCSS. Un générateur assez complet qui dispose d’une interface bien fournit.

Les fonctions disponibles

Des effets de textes

Vous pouvez choisir entre un grand nombre de police, la taille de police, la hauteur de ligne, l’espacement entre les lettres, l’espacement entre les mots etc….

generateur css text

Des effets sur le background

On peut maintenant mettre en place plusieurs backgrounds sur un même élément HTML. L’interface d’EnjoyCSS  est plutôt bien faite à ce niveau :

  • Image
  • Couleur de fond
  • Dégradé

Avec la possibilité de hiérarchiser les différents backgrounds.

generateur css background

Gestion de taille, marges, padding etc…

Là ce sont des propriétés CSS assez classiques mais la gestion proposée est assez claire, elle permet même, selon moi, de comprendre certains attributs.

generateur css size

Générateur d’ombre

Ce module se présente un peu comme la gestion des backgrounds

generateur css ombre

Text shadow

Idem que pour le box-shadow :

generateur css text-shadow

Bordure et border-radius

Ici, vous avez la possibilité de définir l’épaisseur et la couleur des bordures ainsi que l’angle d’arrondi pour le border-radius

generateur css border

Temps et effet de transition

Sur cette partie, vous avez la possibilité de définir l’attribut de transition : propriété concernée, type de transition, durée de transition et enfin délai avant exécution de la transition.

generateur css border

Le point fort du générateur EnjoyCSS

Le must de l’interface de ce générateur CSS est son module de transformation géométrique. Celui-ci est plutôt intuitif est très bien fait, l’exemple en image :

Générateur transform css