1

12 の svg パスがあります。いずれも不透明度 100% です。

1 つのパスをホバーしてこれを 100% に保ち、他の 11 パスの不透明度を変更したいと思います。

4

1 に答える 1

2

CSS を SVG に埋め込みます。

#paths:hover path {
     opacity:50%;
}
#paths path,
#paths:hover path:hover {
     opacity:100%; /* the default value */
}

<g id="paths">
    <path ... />
    <path ... />
    ...
</g>
于 2012-06-08T12:54:32.483 に答える