Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
12 の svg パスがあります。いずれも不透明度 100% です。
1 つのパスをホバーしてこれを 100% に保ち、他の 11 パスの不透明度を変更したいと思います。
CSS を SVG に埋め込みます。
#paths:hover path { opacity:50%; } #paths path, #paths:hover path:hover { opacity:100%; /* the default value */ }
<g id="paths"> <path ... /> <path ... /> ... </g>