Design

Réseau

Domaine

Sécurité

Marketing

Encodage

Image

Texte

Code

Date et heure

Fichier

Autres

Générateur de dégradés CSS

Générez du CSS pour des dégradés linéaires et radiaux.
Motif
LinéaireRadial
Paramètres
Couleur 1 (#eb2972)
Couleur 2 (#06c0cc)
Position (50%)
Limite (80%)
Angle (135°)
　

Explication

Génère du CSS en temps réel à partir des couleurs et des positions du dégradé.

Paramètres

MotifChoisissez entre dégradés linéaires et radiaux.
CouleursDéfinissez deux couleurs à combiner.
PositionDéfinit la position de la limite entre les deux couleurs.
LimiteDéfinit la largeur de la limite entre les couleurs. Des valeurs plus grandes donnent un dégradé plus doux.
AnglePour les dégradés linéaires, vous pouvez définir l’angle.

Outils associés

CSS Carreaux

Générez un motif d’arrière-plan à carreaux avec CSS.

DesignCSSCode

CSS Rayures

Générez un motif d’arrière-plan à rayures avec CSS.

DesignCSSCode

CSS Pois

Générez un motif d’arrière-plan à pois avec CSS.

DesignCSSCode

CSS Ombre

Générez du CSS pour des ombres (externes/internes) avec des paramètres ajustables.

DesignCSSCode

Image factice

Générez des images de remplacement pour des maquettes et wireframes.Définissez la taille, les couleurs de fond/texte et le texte, puis obtenez une URL d'image utilisable en lien direct.

ImageDesign

Vérif JSON

Validez JSON (et éventuellement JSONP) et détectez les erreurs de syntaxe.

CodeJSONValidation

Texte factice

Générez du texte de remplacement pour le design et les wireframes.Prend en charge des préréglages ou du texte personnalisé et produit un nombre de caractères défini.

TexteDesign

Entités HTML

Encode et décode des entités HTML (ex. & ↔ &).

EncodageHTMLCode
DesignCSSCode