1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

SVG Background-Image Farbe per CSS ändern

Dieses Thema im Forum "Design" wurde erstellt von ProGames, 3. Mai 2016.

  1. ProGames

    ProGames Well-Known Member

    Registriert seit:
    22. März 2015
    Beiträge:
    108
    Zustimmungen:
    0
    Hallo,
    ich habe hier im Header ein SVG Background-Image und möchte gerne beim Hover die Farbe per CSS ändern - daher wollte mal fragen, wie das geht.
     
  2. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    SVG Werte werden in der SVG Definition geändert, also entweder beim Erstellen oder falls das SVG direct über XML eingebunden wurde über die CSS Eigenschaften.
     
  3. ProGames

    ProGames Well-Known Member

    Registriert seit:
    22. März 2015
    Beiträge:
    108
    Zustimmungen:
    0
    Ja, du hast recht man muss das SVG direkt im PHP einbinden damit es per CSS bearbeitet werden kann. Als Beispiel das hier:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Nun kann man einfach mit dieser CSS line die Farben ändern, so dass immer die aktuelle color übernommen wird:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  4. chrismuller82

    chrismuller82 Well-Known Member

    Registriert seit:
    8. April 2016
    Beiträge:
    66
    Zustimmungen:
    0
    Cool, wusste noch gar nicht, dass man bei SVG-Dateien die Farbe nachträglich per CSS ändern kann.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden