Select Page

Tag: SVG Animation

SVG Path Stroke Animation

SVG Path Stroke Animation

Here is a simple method to animate SVG path strokes <path id=”line1″ fill-rule=”evenodd” clip-rule=”evenodd” stroke=”#000000″ stroke-width=”2″ d=”M340.637 221.93H418.837V224.676H341.774L302.854...
Draw SVG – GSAP

Draw SVG – GSAP

Here is an example using GSAP’s Draw SVG plugin to draw an SVG path. See the Pen Draw SVG – GSAP by Puneet Sharma (@webdevpuneet) on CodePen.