Générateur de dégradés et d'ombres CSS
Créez des dégradés et des ombres de boîte tout en les prévisualisant, puis copiez le code CSS.
Dégradé
Vous pouvez utiliser de 2 à 5 points, qui sont produits triés par position, de la plus basse à la plus haute.
Aperçu
CSS généré
Ombre de boîte
Vous pouvez utiliser jusqu'à 4 couches d'ombre.
Aperçu
CSS généré
Comment utiliser le générateur de dégradés et d'ombres CSS
L'aperçu et le code CSS se mettent à jour dès que vous modifiez une valeur. Lorsque le résultat vous convient, appuyez sur Copier le CSS et collez-le dans votre feuille de style.
Limites
- Les couleurs n'acceptent que l'hexadécimal sous la forme #RGB, #RGBA, #RRGGBB ou #RRGGBBAA, et le # initial peut être omis.
- Les nombres hors plage sont ramenés à la valeur autorisée la plus proche. L'angle va de 0 à 360, la position et l'opacité de 0 à 100, les décalages et l'étendue de -200 à 200, et le flou de 0 à 200.
- Les nombres sont utilisés jusqu'à 2 décimales.
- Les dégradés radiaux sont toujours des cercles qui s'étendent depuis le centre.
Questions fréquentes
Ma saisie est-elle envoyée à un serveur ?
Non. Tout est calculé dans ce navigateur, et votre saisie et les résultats ne sont ni enregistrés ni envoyés. Le rechargement rétablit les valeurs de départ.
Changer l'ordre des points modifie-t-il le résultat ?
Le CSS produit est toujours trié à partir de la position la plus basse. Les points à la même position conservent l'ordre que vous avez saisi.
Comment l'opacité est-elle appliquée ?
Si la couleur de l'ombre a un alpha dans un hexadécimal à 8 chiffres, il est multiplié par l'opacité (%) et produit en rgba(). Si elle n'est pas transparente, elle est produite en hexadécimal à 6 chiffres.