Texte en transparence

Hello à tous,

Je me demandais s'il était possible de faire ce genre de chose en CSS :



à savoir un texte qui reprend en incrustation le background ?
Modifié par flipo44 (22 Oct 2013 - 12:18)

Bonjour,

Rien que de très "expérimental" pour le moment, je le crains.
Du côté de Safari, il y a ce genre de chose :

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

Qui peut donner des choses assez chouette (À visualiser sur Safari ou Chrome), chez l'ami Benjamin par exemple :
http://playground.deaxon.com/css/animated-text-background/
Ou encore chez CSS Tricks :
http://css-tricks.com/image-under-text/
Mais forcément ça ne fonctionne pas sur les autres navigateurs (hormis Safari et Chrome)
La doc chez Webkit

My two cents

Il y a certainement d'autres moyens d'y parvenir (sans doute du côté de SVG) et probablement innommables bidouilles et codes tarabiscotés (une image avec fond transparent ?...), mais c'est une autre histoire.

hello,

Merci pour les liens, je vais regarder tout ça ! C'est pour un site expérimental avec déjà plein de 3D transform donc c'est pas très grave si c'est pas IE proof

c'est beau :

http://tympanus.net/Tutorials/ExperimentsBackgroundClipText/index2.html