All Questions
193
questions
2
votes
2
answers
2k
views
Passing a function with a parameter to hover in jQuery
I am new to jQuery and I feel like I missing something very obvious and fundamental but I can't quite wrap my head around it.
In any case I had a bit of code that would animate the stroke width to a ...
3
votes
1
answer
3k
views
Reset a css property on :hover
I'm using svg to embed stack overflow's logo into my resume. The svg xml contains the fill color of the logo.
Here is the svg content
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www....
1
vote
1
answer
2k
views
Mouse pointer hover/jquery click event on SVG embedded in object element not working
I'm using jQuery to dynamically add an element to display an SVG using this code:
someEl = ('#someElement');
cancelButton = $(document.createElement('object')).attr({
'class': '...
44
votes
11
answers
109k
views
Style SVG circle with CSS
So I have my SVG-circle.
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="168" cy="179" r="59" fill="white" />
</svg>
I want it to be 120% when one hover the ...
26
votes
3
answers
23k
views
SVG USE element and :hover style
I'm trying to use CSS :hover pseudoclass to style SVG elements embeded from <defs> by <use> tag, but it doesn't seem to work :-/ Here's my code:
<!DOCTYPE HTML>
<html xmlns="...
1
vote
1
answer
4k
views
Scaling SVG rect on hover using CSS transform
It seems that applying the same CSS transform on hover to an HTML or SVG element does not create the same effect. As you can see in the following fiddle, the p and rect do not behave the same way ...
1
vote
2
answers
2k
views
How to change embedded SVG file fill color on hover with JQuery?
I've got a big element, that includes SVG embed element (external file). I'd like to change its fill colour on a:hover. How would you approach it? It really drives me crazy :)
What I thought should ...
1
vote
1
answer
5k
views
jQuery SVG - hover element
I'm trying to use jQuery SVG plugin http://keith-wood.name/svg.html
And in the very beginning I stucked. I've created a simple svg.circle and svg.text upon that circle. I want to give a little ...
3
votes
2
answers
3k
views
Chromium SVG hover <title> tooltip weirdness
In many browsers, hover mousepointer over an SVG object with a nested <title> and the title text appears as a tooltip. I'm discovering something strange happens in Chrome if adjacent objects ...
2
votes
2
answers
1k
views
Text on a rectangle kills the rectangle's hover effect
I have several svg rectangles with an hover effect, the background-color of the rectangles gets changed when the mouse is over them. The hover effect is set via css:
.myclass:hover {
fill: rgb(...
3
votes
2
answers
5k
views
How to apply :hover on SVG inner <rect> element?
I have an SVG figure and want to apply :hover property on one <rect> element inside another . But it doesn't work:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg">
<...
35
votes
5
answers
58k
views
How to hover over an SVG rect?
In this piece of SVG (tried in FF 8, Safari 5.1.2, Chrome 16, all on Mac), when moving mouse over the bar, none of the browsers properly detect each on-mouse-over/out event, sometimes it works ...
0
votes
1
answer
2k
views
Embedding a zoom box in an SVG image
I'd like to make my SVG images interactive, with a zoom box that can be moved around by hovering or clicking the mouse in certain areas. Can this be done in a single SVG file, so that I can embed this ...