L’outil SmoothShadow a été créé suite à un article de Tobias Ahlin qui décrivait la meilleure façon d’obtenir des ombres parfaitement lisses en CSS et ceci en utilisant plusieurs couches distinctes à l’aide de la propriété box-shadow. Le principe est plutôt simple et pas idiot, mais il n’est pas facile de le faire manuellement.

SmoothShadow va simplifier tout ça. L’outil propose jusqu’à 10 couches et plusieurs courbes sont à votre disposition. D’ailleurs vous verrez les différentes couches lorsque vous jouerez avec les courbes. Le tout est d’arriver à un résultat super net et lisse. Et ensuite il ne reste qu’à copier coller la propriété CSS dans votre éditeur préféré et c’est tout bon !

En plus pour les utilisateurs de Figma, son auteur a sorti récemment un plugin Figma pour le gérer directement.