CutyCupy: Bild mithilfe von CSS als Kreuz darstellen

SELF-Forum

Bild mithilfe von CSS als Kreuz darstellen

CutyCupy (Versionen)
– Informationen zu den Bewertungsregeln

Hallo Leute,

ich habe ein kleines Problem. Ich habe ein Bild, was ich mithilfe von CSS gerne in eine solche Form bringen wollen würde: http://thexx.info/images/x.jpg. Ich habe im Internet bereits umgeschaut, doch meistens habe ich nichts gefunden, was entweder geklappt bzw. so war wie ich es wollte. Ich würde mich über jede Hilfe freuen.

Mit freundlichen Grüßen CutyCupy

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bild mithilfe von CSS als Kreuz darstellen

    Matthias Apsel
    – Informationen zu den Bewertungsregeln

    Hallo CutyCupy,

    ich habe ein kleines Problem. Ich habe ein Bild, was ich mithilfe von CSS gerne in eine solche Form bringen wollen würde: http://thexx.info/images/x.jpg. Ich habe im Internet bereits umgeschaut, doch meistens habe ich nichts gefunden, was entweder geklappt bzw. so war wie ich es wollte. Ich würde mich über jede Hilfe freuen.

    Am einfachsten verwendest du zwei Bilder. Wenn das Bild selbst Verzierung ist, wovon ich ausgehen würde, legst du diese als 2 Hintergrundbilder übereinander. Das „vordere“ muss dabei transparente Flächen haben.

    background-image: url(kreuz.png), url(hintergrund.jpg);

    Bis demnächst
    Matthias

    --
    Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Bild mithilfe von CSS als Kreuz darstellen

    MrMurphy1 (Versionen)
    – Informationen zu den Bewertungsregeln

    Hallo

    Eine Lösung mit CSS ist zwar möglich, aber unnötig aufwändig.

    Ich würde eher zu einer SVG greifen, da die zudem sehr flexibel ist.

    Gruss

    MrMurphy

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Bild mithilfe von CSS als Kreuz darstellen

    Gunnar Bittersmann Homepage des Autors (Versionen)
    – Informationen zu den Bewertungsregeln

    @@CutyCupy

    ich habe ein kleines Problem. Ich habe ein Bild, was ich mithilfe von CSS gerne in eine solche Form bringen wollen würde: http://thexx.info/images/x.jpg.

    Bitte verlinken. Ich hab das mal für dich gemacht.

    Ich habe im Internet bereits umgeschaut, doch meistens habe ich nichts gefunden

    Zu clip path hat mein geschätzter Kollege mal was geschrieben; zu blending modes gibt’s einen aktuellen Artikel auf A List Apart.

    LLAP 🖖

    --
    „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
    „Hat auf dem Forum herumgelungert …“
    (Wachen in Asterix 36: Der Papyrus des Cäsar)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln