Hi, I was hoping someone can help; I want to animate a scribble effect using CSS & SVG. I have an SVG graphic but it appears limited as to what CSS animation can do, that wouldn't otherwise require me to manually cut the SVG graphic into pieces and do a CSS transition on each piece or something equivalent to make it look as if it's being drawn scribbled ?

1 Year
Discussion Span
Last Post by Siberian

If I understand what you want to do, then you are correct - you have hit the limit of SVG as a free form drawing tool. If you want more fine pixel control, you will have to work with a canvas instead - but that also has some serious drawbacks (such as undo/redo/delete, etc... being obnoxiously difficult).


I'll have to do it as pixel sprite as originally planned.

I'll dig a little into any javascript libraries that may be able too, but in my searches nothing came up positive.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.