Forme · T-10
Créer une ombre
Une seule ombre ressemble souvent à une tache grise. Kleurstaal en empile plusieurs, chacune deux fois plus loin et plus douce, comme tombe la vraie lumière. Vous voyez tout de suite le rendu sur clair et sur sombre.
Vos fichiers restent sur votre appareil
Questions
À savoir
Pourquoi plusieurs couches ?
Les vraies ombres sont nettes près de l’objet et s’estompent plus loin. Quelques couches, chacune deux fois plus loin et plus douce, imitent cela. Une seule couche paraît plate.
Pourquoi des ombres plutôt que des bordures ?
Une ombre montre ce qui est au-dessus de la page et ce qui y est enfoncé, sans lignes qui chargent l’image. C’est ainsi que fonctionnent tous les sites de nealvdv : soulevé pour cliquer, enfoncé là où vous tapez.
Une ombre suffit-elle pour reconnaître un bouton ?
Pas toujours. Pour l’accessibilité, un bouton doit aussi être reconnaissable sans ombre, par son texte, sa forme ou sa couleur. Utilisez l’ombre comme un plus, pas comme seul signe.
Comment ça marche
Créer une ombre en trois étapes
Partez d’un préréglage
Douce, flottante, soulevée ou enfoncée. Ou réglez vous-même la distance, le flou et l’intensité.
Regardez en clair et en sombre
À gauche une page claire, à droite une page sombre. Sur fond sombre, l’ombre devient noire et plus forte, sinon vous ne la voyez pas.
Copiez le CSS
En variable, avec une version sombre pour qui utilise le mode sombre.