Après de la 3D et un trait de contour, c'est maintenant une ombre portée en diagonale que nous allons générer sur du texte en CSS, toujours grâce à la propriété text-shadow . Avez-vous déjà vu ( ... ) ce genre d'ombre dans des apparences de type flat-design ? Foo! C'est trop chou, non ?...

...n'existaient que dans vos rêves ? Eh bien détrompez-vous ! En CSS3, c'est possible et même sur Eklablog : Une ombre, plus une ombre, plus une ombre… = 3D ! L'astuce est fort simple à comprendre : il suffit d'utiliser la propriété CSS3 text-shadow , et de décliner les ombres, pixel par...

En CSS, on connaît bien-sûr les bordures autour des éléments. On sait aussi faire des arrondis. Mais ajouter une bordure autour des lettres d'un texte ou d'un titre, c'est déjà moins évident. Mais c'est bien-sûr possible… Avec plusieurs ombres sur le même texte. Ce sera l'astuce du jour...