Ich habe einen Hintergrund eines Feldes. Der Boden ist grün, die Oberseite ist grau. Es gibt Text über dem Hintergrund. Gibt es eine Möglichkeit für den Text, die Farbe des Hintergrunds zu "erkennen" und die Schrift so zu färben, dass sie kontrastiert?
Zum Beispiel würde der Text über dem grauen Himmel heller werden und der Text über dem grünen Feld würde dunkler werden, um es sichtbarer zu machen.
Ich komme hier vielleicht ziemlich weit, aber alle Vorschläge werden geschätzt. (Bitte beachten Sie, dass ich nicht nach der Antwort suche, um die Schriftfarben manuell zu ändern.)
Mehr als ein Experiment als sonst:
Setze den Text mit einem Hintergrund-Erben, um den Hintergrund der Basis zu erhalten; Klicke dann auf den Text und wende dann einige Filter an:
%Vor%(Arbeitet nur im Webkit)
Überprüfen Sie auch diese:
animierter WahnsinnUPDATE: Wir haben neue Wege, damit umzugehen. Sehen Sie sich eine Demo mit dem Mix-Blend-Modus an: Unterschied
Tags und Links css3 background fonts contrast compare-contrast