Skip to main content
Inspiring
January 30, 2026
Answered

Animating line thickness and length

  • January 30, 2026
  • 1 reply
  • 38 views

I'd like to create a line that gets fatter as it lengthens from left to right, but I want the previous thicknesses to remain unchanged, so at full length it will look kind of like a stretched out triangle (one pixel on the left, 25 pixels on the right). I've tried combining the stroke width property with the trim path property, but that fattens the entire line as it grows (see attachment), not the effect that I want.

I realize I could draw the final shape and reveal it with an animated mask, but I was hoping to do it just with properties for simplicity. Is there a way?

    Correct answer ShiveringCactus

    Have you tried the taper settings in stroke?  That should allow you to thicken the like as it grows.

    1 reply

    ShiveringCactus
    Community Expert
    ShiveringCactusCommunity ExpertCorrect answer
    Community Expert
    January 30, 2026

    Have you tried the taper settings in stroke?  That should allow you to thicken the like as it grows.

    Inspiring
    January 30, 2026

    Yeah, someone mentioned that on another forum.  That’s what I was looking for.  Thanks.