RGweb.fr : Le blog de Rémi Garcia sur l'actualité du web, le webdéveloppement, le webdesign, webmarketing, SEO, inspiration, ...

Petit tutoriel par CSS-TRICKS permettant de créer des textes en 3D juste avec CSS3. La méthode est simple : créer plusieurs ombres sur le texte (avec la propriété text-shadow de CSS3). On nous propose aussi d’animer la perspective en faisant apparaître petit à petit ces ombres et créer un effet 3D progressif (avec les transitions webkit de CSS3). Le rendu est très sympa et très simple à réaliser.

Six Revisions nous propose un tutoriel simple et très rapide sur l’incrustation de texte en CSS3 (inset typograhpy). En fait c’est en utilisant les ombres (propriété text-shadow de CSS3) que l’on peut donner l’impression à un texte d’être incrusté dans le fond. Le tour est joué en une seule ligne de CSS.