All Questions
Tagged with animatetransform animation
4
questions
0
votes
1
answer
188
views
What am I doing wrong trying to rotate some SVG through an animateTransform tag with "spline" calcmode?
I'm trying to animate a triangle so that its rotation accelerates (and later comes to a stop after a full rotation) and I am trying to use the animateTransform SVG tag, with the calcmode attribute set ...
0
votes
1
answer
146
views
How to use animateTransform cx cy values properly?
I am trying to make an animated loading icon in svg, although whenever I check the result in Chrome, or Edge, the rotation animation doesn't react on the cx/cy values (only if I set them to zero, it ...
- 471
0
votes
0
answers
115
views
SVG animation trouble
Task to animate the SVG icon:
<svg width = “10” height = “10” x = “124.23852130911843” y = “88.06430110098822” id = “Transporter_1” data-name = “Transporter 1” xmlns = “http://www.w3.org/2000/ svg ”...
- 554
3
votes
3
answers
1k
views
Smoothly move an SVG line along a rectangular path
I am trying to recreate the following animation:
I am having trouble with getting a line to properly animate around corners. I've tried using an animateMotion-element like so:
<line class="...
- 397