Design

Réseau

Domaine

Sécurité

Marketing

Encodage

Image

Texte

Code

Date et heure

Fichier

Autres

Générateur d’ombres CSS

Générez du CSS pour des ombres (externes/internes) avec des paramètres ajustables.
Motif
box-shadowtext-shadow
Couleur (#000000)
Opacité (50%)
Diffusion (5px)
Décalage Y (10px)
Décalage X (10px)
Taille (0px)
Direction
ExtérieureIntérieure

Explication

Génère du CSS en temps réel à partir de paramètres d’ombre comme la couleur et la distance.

Paramètres

MotifChoisissez entre ombres de boîte (box-shadow) et ombres de texte (text-shadow).
CouleurDéfinit la couleur de l’ombre.
OpacitéDéfinit l’opacité de la couleur de l’ombre.
DiffusionAjuste le niveau de flou/diffusion.
DistanceDéfinit les décalages X/Y. 0px correspond au centre.
TailleDéfinit la taille de l’ombre. Avec une distance 0px et une taille plus grande, vous obtenez un effet de lueur.
DirectionChoisissez si l’ombre est externe ou inset.

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 Dégradé

Générez du CSS pour des dégradés linéaires et radiaux.

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