Je suis en train de développer une page simple.Texte texturé avec CSS?
Est-ce que quelqu'un connaît un moyen de superposer une image de texture sur du texte? Il semble que ce n'est pas possible avec la spécification actuelle, mais s'il vous plaît laissez-moi savoir si cela est possible.
Merci et prenez garde!
Pas uniquement avec du CSS pur, et certainement pas compatible avec tous les navigateurs. Il vaut mieux en faire une image .png transparente.
Vous ne pouvez pas superposer une image sur du texte avec la version 2.1 native de CSS, qui ne sera pas non plus implémentée dans CSS 3.0. La meilleure pratique consiste à utiliser une image d'arrière-plan et à utiliser votre texte dans la balise <h1> et à la masquer avec CSS.
<style>
h1 { background:url(images/imagepath.png) no-repeat; height:50px; width:300px; text-indent:-10000px; }
</style>
<body>
<h1>Insert Text Here</h1>
</body>
C'était ce que je pensais aussi. Merci d'avoir fait l'effort de taper le code HTML. –
Décidément pourquoi personne n'a jamais répondu à cette question. Ceci est possible en utilisant background-clip: https://codepen.io/janeyee/pen/Leadx
Merci - on peut espérer un jour où les navigateurs jouent bien ensemble! Alors, prends soin de toi. –