Es ist möglich, <path> eine Klasse für CSS-Zwecke zu kennzeichnen?

Question

Ich hätte gerne zwei Pfade in meiner Svg mit Klassen, so dass ich Opazität wechseln kann, wenn ich die SVG mit meiner Maus schweben.

Answer 1

Die Antwort auf diese Frage ist leicht zu finden, aber wie auch immer: ja ist es. Siehe die Globalen Attribute in https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path

.shape { 
 
    opacity: .5; 
 
}

<svg width="300px" height="300px" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"> 
 
    <path class="shape" d="M 100 100 L 300 100 L 200 300 z" fill="orange" stroke="black" stroke-width="5" /> 
 
</svg>

Answer 2

Ja, Sie die Hub-Opazität Option verwenden würden.