Générateur d’ombre portée et de rayon de bordure

Concevez visuellement une ombre portée et un rayon de bordure CSS à l’aide de curseurs en direct, puis copiez le CSS généré.

Questions fréquentes

Cet outil est-il gratuit ?

Oui. Les outils Calchemy sont gratuits et s'utilisent dans votre navigateur.

Mes données sont-elles envoyées en ligne ?

Non. Les outils sont conçus pour fonctionner localement dans votre navigateur, sauf mention contraire explicite.

Que contrôlent les curseurs ?

Le décalage horizontal et vertical déplace l’ombre, le flou adoucit son bord, et l’étalement l’agrandit ou la réduit avant le flou - les mêmes paramètres que la propriété CSS box-shadow.

Que fait l’option intérieure (inset) ?

Elle bascule l’ombre pour qu’elle se place à l’intérieur de la bordure de l’élément plutôt qu’à l’extérieur, pour un effet enfoncé.