Baba: Schrifttextur == Bild

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

--
Baba kommt von Basketball
  1. 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

    --
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Plane und Planeten.

    1. 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

      1. @@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'

        --
        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
        1. 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

        2. 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

          --
          Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Spann und Spannung.

  2. Hallo Baba,

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

    gruesse qx

    1. Großartig,

      vielen Dank *an alle*.

      --
      Baba kommt von Basketball
  3. @@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'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)