Schrifttextur == Bild

[Baba]

Hallo,

man stelle sich einen uni-coloren Hintergrund vor und darauf Schrift, welche als Textur ein Bild hat. Einfach zu realisieren in jeder Fotosoftware. Aber ist sowas auch mit CSS und geschicktem Markup zu machen? Mir fällt gerade nichts ein. Vielleicht über das svg element?!?

Schwierig auch zu googlen...

Vielen Dank für Hilfe.

Cheers,
Baba

[Matthias Apsel]

Om nah hoo pez nyeetz, Baba!

man stelle sich einen uni-coloren Hintergrund vor und darauf Schrift, welche als Textur ein Bild hat. Einfach zu realisieren in jeder Fotosoftware. Aber ist sowas auch mit CSS und geschicktem Markup zu machen? Mir fällt gerade nichts ein. Vielleicht über das svg element?!?

Schwierig auch zu googlen...

text-fill-color?

Matthias

[Matthias Scharwies]

man stelle sich einen uni-coloren Hintergrund vor und darauf Schrift, welche als Textur ein Bild hat. Aber ist sowas auch mit CSS und geschicktem Markup zu machen?

Mit einem Verlauf statt einer Grafik wird's im Wiki erklärt:
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Textformatierung/text-fill-color

LG Matthias

[Gunnar Bittersmann]

@@Matthias Scharwies:

nuqneH

http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Textformatierung/text-fill-color

Oh, das sollte unbedingt berichtigt werden.

"text" ist kein gültiger Wert für die Eigenschaft 'background-clip' und eine CSS-Eigenschaft 'text-fill-color' gibt es gar nicht, AFAIS. Und wird es wohl auch nicht geben.

Also bitte die Deklarationen mit den präfixlosen Eigenschaften entfernen und deutlich vermerken, dass dies kein CSS, sondern WebKit-proprietär ist.

Qapla'

[Matthias Scharwies]

Also bitte die Deklarationen mit den präfixlosen Eigenschaften entfernen und deutlich vermerken, dass dies kein CSS, sondern WebKit-proprietär ist.

ok, wird geändert!
Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, Gunnar Bittersmann!

"text" ist kein gültiger Wert für die Eigenschaft 'background-clip' und eine CSS-Eigenschaft 'text-fill-color' gibt es gar nicht, AFAIS. Und wird es wohl auch nicht geben.

Nachdem ich mic gestern erstmals etwas intensiver mit -webkit-text-fill-color beschäftigt habe, muss dem Einspruch zustimmen. Es wäre sinnvoller, wäre dies ein Möglichkeit einem Text tatsächlich alle Hintergrundeigenschaften geben zu können.

Matthias

[Quincunx]

Hallo Baba,

bei der wunderbaren Lea Verou findest du eine SVG Lösung

gruesse qx

[Baba]

Großartig,

vielen Dank *an alle*.

[Gunnar Bittersmann]

@@Baba:

nuqneH

man stelle sich einen uni-coloren Hintergrund vor und darauf Schrift, welche als Textur ein Bild hat. Einfach zu realisieren in jeder Fotosoftware. Aber ist sowas auch mit CSS und geschicktem Markup zu machen?

WebKit/Blink-proprietär: -webkit-background-clip: text

Das Problem, was ich bei diesem Hack sehe: Was, wenn WebKit/Blink aufhört, die Präfix-Eigenschaften zu unterstützen?

Vielleicht über das svg element?!?

Das ist wohl sicherer.

Qapla'