Ich habe einen riesigen Text und möchte eine Farbänderung auslösen wenn die Buchstaben schweben . Dies bedeutet, dass der weiße Hintergrund den Schwebeflug-Effekt nicht auslösen sollte, nur die schwarze Füllung des Buchstabens sollte ihn auslösen.
Der Standard-Hover-Effekt wird ausgelöst, wenn der Textcontainer wie folgt verschoben wird:
Die Verwendung des Textelements in svg funktioniert genauso:
Gibt es eine Möglichkeit, den Hover-Effekt nur dann auszulösen, wenn die Füllung der Buchstaben (schwarze Teile in den Beispielen) schwebt und nicht auf der umgebenden Box?
Sie können Inkscape verwenden, um den Text in einen Pfad zu konvertieren über Pfad> Objekt zu Pfad oder Pfad & gt; Strich zum Pfad. Sobald der Text tatsächlich ein Pfad ist, wird der Mauszeiger standardmäßig nur auf die gerenderten Teile des Pfades angewendet.
i.e. Sie müssten das Dokument selbst bearbeiten, es wird nicht von SVG direkt unterstützt, obwohl es berücksichtigt für die kommende SVG 2 Spezifikation .
Das ist unkonventionell, aber du könntest ein a darauf setzen und a:hover als Ziel haben. Fügen Sie dann auch pointer-event und cursor style hinzu.
Tags und Links javascript css svg css3 hover