Christian Kruse: Textumriss mit transparentem Text?

Beitrag lesen

Hallo Holger,

Wie kann man erreichen, dass der Text selbst transparent ist, während man mithilfe von text-shadow einen Schatten erzeugt?

Im Grunde so:

<span>
  test text
</span>

<style>
span {
    color: #fff;
    text-shadow: 1px 0px 4px #000;
}
</style>

Die Idee dahinter ist, dass man den Schatten quasi direkt hinter dem Text plaziert und ihm die Farbe des Hintergrunds gibt. transparent gibt es zwar, aber dann wäre der Schatten ja vollständig sichtbar während du ja willst, dass der Schriftzug nicht durchsichtig ist sondern den Schatten verdeckt.

LG,
CK