Convertisseur de couleurs
Convertissez HEX, RGB et HSL avec transparence, visualisez la couleur et copiez les valeurs CSS.
Générateur d’ombres CSS
Réglez décalage, flou, étalement, couleur et opacité pour obtenir une ombre CSS extérieure ou intérieure.
Aperçu
À propos de cet outil
Ajustez le relief d’une carte en séparant le flou de l’étalement. Un étalement négatif réduit le contour de l’ombre.
Mode d’emploi
Modifiez les réglages et observez l’aperçu, puis copiez ou téléchargez la déclaration box-shadow. L’option intérieure active inset. Décalages et étalement peuvent être négatifs, contrairement au flou. Les dimensions vont de -200 à 200 px et le flou de 0 à 200 px. Une seule couche d’ombre est générée.
Questions fréquentes
Quelle différence entre le flou et l’étalement ?
Le flou adoucit les bords ; l’étalement agrandit ou réduit le contour. inset place l’ombre à l’intérieur. L’outil crée une seule couche ; combinez plusieurs ombres ensuite dans le CSS.
Comment déplacer l’ombre à gauche ou vers le haut ?
Un décalage horizontal négatif va à gauche, un vertical négatif vers le haut. Les valeurs positives vont à droite et en bas. box-shadow suit la boîte, pas le contour des zones opaques d’une image.
Outils associés
S’ouvre dans un nouvel onglet
Commentaires
0