Skip to main content

Harshal V. LADHE

Animating SVG Shapes and Strokes

Techniques for bringing SVG to life — draw-on stroke effects, shape morphing, SMIL, and CSS or JavaScript-driven motion for icons and illustrations.

1 post

Posts tagged svg-animation

  • SVG Polygon vs Polyline: Differences, Fill Rules, and Use Cases

    Same points, open or closed: fill rules, miters, sparklines.
    The difference between SVG polygon and polyline: fill rules by ray-crossing, stroke-miterlimit, generated points, sparklines, animation and accessible charts.
    Published at:
    Categories:SVG
    Estimated reading time:29 min read