Tutoriel Vidéo HTML-CSS : Un effet 3D avec le CSS3

Dans ce tutoriel CSS3, nous allons apprendre comment simuler un effet 3D sur du texte. Grâce à l'attribut CSS3 text-shadow, il suffira de superpositioner les valeurs de façon décroissante afin de créer cet effet.

Démonstration


Télécharger la vidéo
(Réservé aux premiums)

Télécharger les sources
(Réservé aux premiums)


Designer x Développeur. http://jeijones.com http://www.creatiq.fr http://jeijones.tumblr.com

Vous aimerez aussi

Créer un site "One Page"

Créer un site "One Page"
1h23

Premier vrai tutoriel sur l'intégration d'une maquette HTML & CSS,de...

Keyframes, les animations en CSS3

Keyframes, les animations en CSS3
25m

Il est désormais possible de créer des animations avec les nouvelles...

2 commentaires
Ajouter un commentaire

GhostRaider Il y a 3 mois Répondre

Bien comme tutoriel. Il faudrait que je participe a votre projet. Je ne connaissais pas. Mais je pense que c'est pas le meilleur moyen d'avoir un bon rendue. Hilyd Sa ne vient pas de l'os mais du client web que tu utilise.
C'est toujours le même problème quand on pose des tutoriels comme celui-ci, les clients n’interprète pas le code de la même manière.

hilyd Il y a 6 mois Répondre

Merci pour ce tuto.
Je l'ai suivi à la lettre pour mettre une ombre sur le titre de mon site, en gardant les mêmes codes pour les couleurs. Par contre, le résultat donne vraiment une impression de flou. C'est peut-être parce que je suis sur Windows (j'ai vu que vous étiez sur un Mac), donc j'ai enlevé les trois dernières lignes du text-shadow et le résultat est plus net.

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.