All Questions
5
questions
1
vote
1
answer
73
views
How to apply hover to only the X not the circle
How would I be able to apply the hover transition to only the X and not the circle?
How would that be done in the code? https://jsfiddle.net/c2sah0x6/
Only the X should change color on hover, not the ...
3
votes
0
answers
892
views
change colour of an svg from an external source on hover [duplicate]
I have an img tag with a src attribute referring to an icon from an external source. This icon renders as an svg. I want to change the colour of the icon to blue on hover.
The colour has to be ...
0
votes
1
answer
243
views
Path reordering in SVG file > loose of CSS Definition in FireFox
stylesheet definitions:
path {
fill: #CCCBCB;
stroke: #FFFFFF;
stroke-width: 0.5px;
}
path:hover {
stroke: red;
stroke-width: 5px;
opacity: 0.6;
pointer-events: all;
}
The following ...
3
votes
1
answer
3k
views
Mouse handling for overlapping SVG elements not working as expected
I have several SVG path elements, each of which is inside a parent svg element, like so:
<svg class="connector" style="position:absolute;left:277.5px;top:65px" position="absolute" pointer-events:"...
0
votes
0
answers
209
views
:hover only on path's fill in SVGs?
Is it possible to only have the CSS :hover fire when on actually within the path? My path doesn't take up the whole div, and I only want it to fire when within the actual path. I figure only having it ...