Hover-Effekt auf SVG-Gruppenelemente

8

Bitte entschuldige meine Unwissenheit, SVG ist sehr neu für mich. Ich versuche einen Hover-Effekt für eine Gruppe von Elementen in meinem Inline-SVG zu erhalten. Jede Gruppe von Elementen ist eine eng positionierte Menge von Kreisen. Ich kann diesen Hover-Effekt mit CSS erreichen, aber das funktioniert natürlich nur, wenn die Maus über einem Kreis steht. Was ich will, ist der Effekt, der funktioniert, wenn sich die Maus über dem gesamten Bereich befindet, der die Kreise enthält, also mit Kreisen und Kreisen.

%Vor%

Ссылка

Wenn Sie die Maus über eine Gruppe bewegen, flackert der Mauszeiger, wenn Sie zwischen dem Kreis und dem Zwischenraum zwischen ihnen hin- und herwechseln.

Wie würdest du die Maus über den Effekt bringen, um den gesamten von der Gruppe abgedeckten Bereich abzudecken? Gibt es ein SVG-Element, das dafür verwendet werden kann?

    
Andy Place 08.10.2013, 17:35
quelle

2 Antworten

8

Sie müssen etwas auf den fehlenden Bereich legen.

Der leichtere Weg wäre dieser:

%Vor%

aktualisierte Geige

    
vals 08.10.2013, 18:10
quelle
4

Die angenommene Antwort hat bei mir nicht funktioniert. Ich habe folgende Lösung gefunden:

%Vor%     
M_Willett 03.10.2017 15:39
quelle

Tags und Links