Oui, vous avez bien lu ! Il est possible de faire des textes en 3D en css !
Comme vous le savez surement la 3D anaglyphe a pour but de forcer votre oeil à voir en relief en séparant 2 couleurs, généralement le rouge et le bleu.
Comment ça marche ?
La technique la plus simple pour cette opération est de dupliquer le texte et de superposer les deux textes obtenus. Cette technique est facilement réalisable en CSS. Pour commencer créez un titre <h1> qui contiendra le texte "MON TITRE EN 3D".
Utilisez ensuite le code ci-dessous (lisez bien les commentaires) :
La superposition de deux éléments à l'aide de la fonction :after permet de laisser supposer qu'il y a un troisième élément violet. Notez cependant que la transparence RGBA n'est pas gérée par tous les navigateurs.
Donnez moi vos impressions et vos remarques dans les commentaires.