myGully.com Boerse.SH - BOERSE.AM - BOERSE.IO - BOERSE.IM Boerse.BZ .TO Nachfolger
Ungelesen 12.03.18, 10:16   #1
Prenzlberger
Anfänger
 
Registriert seit: Aug 2009
Beiträge: 4
Bedankt: 0
Prenzlberger ist noch neu hier! | 0 Respekt Punkte
Standard css Masking Problem

Hi zusammen,

ich versuche mich gerade an masking in css und irgendwie krieg ich es nicht hin.
Was ich gerne erreichen möchte:
Ich habe eine png-Datei mit einer weißen grafik und transparentem Hintergrund und eine vollflächig einfarbige png-Datei.
Die 2. setze ich als src in einem img. Die 1. nehme ich als mask.
Ziel soll sein, dass die weiße Grafik in der Farbe erscheint die in der vollflächigen enthalten ist.

Hintergrund:
Ich will ermöglichen, dass Benutzer einfache Icons in png-Format (nur weiße Grafik und transparenter Hintergrund) hochladen können und diese dann bei einem hover die Farbe wechseln. So müssen die Benutzerdas Einfärben nicht selber machen.

Geht das überhaupt? Oder hab ich das mit der mask da falsch verstanden?

<img src="URL-zum-vollflächigen-Bild" class="masked">

.masked{
mask-image:url(URL-zum-weiß/transparent-Icon);
}

Hat jemand eine Idee?
Prenzlberger ist offline   Mit Zitat antworten
Ungelesen 13.03.18, 23:58   #2
a5r
Mitglied
 
Registriert seit: Nov 2010
Beiträge: 333
Bedankt: 369
a5r gewöhnt sich langsam dran | 52 Respekt Punkte
Standard

[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
a5r ist offline   Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren

BB code is An
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 16:11 Uhr.


Sitemap

().