Search the Community
Showing results for tags 'stroke-dashoffset'.
-
I was trying to animate SVG using the DashOffset property. When the animation ends, the timeline is not aligned with the SVG strokeDashoffset. I know we have to match the exact offset to hide the strokes but, is it possible to make align both?
- 2 replies
-
- svg
- stroke-dashoffset
-
(and 1 more)
Tagged with:
-
Good morning people, Could somebody explain why the 'strokeDashoffset' in the following pen will not animate? http://codepen.io/Joostan-33/pen/kkYEpk Inspecting the element in the DOM and manually manipulating the 'stroke-dashoffet' i can easily animate property. images attached. Thanks
-
Hi all, I need to create a speed gauge with SVG animation. I began by using VelocityJS, but when I tested in IE I realised that IE ignores `transform-origin` so that the needle on the gauge would not rotate correctly. I've been exploring alternatives and discovered that both SnapSVG and GSAP are better suited to my needs. However, they both suffer another problem in IE. In addition to the gauge's needle rotating, I need an arc around the gauge face to follow the path of the needle. (See my CodePen for clarification.) I animate `stroke-dashoffset` to create this effect. It works beautifully in FF and Chrome. However, in IE10/11 it seems to draw some other shape. Any help would be most appreciated. Thank you.