SVG: use-element + css-animation

[Matthias Scharwies]

Guten Morgen!

Im Wiki gibt es einen (kurzen) Abschnitt zum Problem, das use-Element zu stylen:

• SVG/Tutorials/Gruppierungen#use_im_Shadow-DOM

wenn man jetzt Animationen mit custom properties anlegt und dann im CSS bei :hover, :focus die Werte neu setzt, müsste es gehen.

Oben drüber findet sich dieser Satz:

Wenn Sie das use-Element über eine Klasse oder eine strukturelle Pseudoklasse wie nth-of-type selektieren, können Sie, falls diese Eigenschaften vorher nicht deklariert wurden, Randfarbe, -stärke und Füllung des use-Elements formatieren. Dies gilt jedoch nicht für die in der Vorlage verwendeten Kind-Elemente.

Vielleicht ist das ein Umweg, das use-Element selbst und nicht die einzelnen rects- und circles zu formatieren.

Herzliche Grüße

Matthias Scharwies