I love helping people out who are stuck with SVG/animation stuff.
But it's frustrating how many people obviously jump straight into an animation library and entirely skip the learning SVG bit.
All animation libraries do is update properties. Learn what the properties do first.
But it's frustrating how many people obviously jump straight into an animation library and entirely skip the learning SVG bit.
All animation libraries do is update properties. Learn what the properties do first.
Understanding SVG itself is always going to be the best place to start.
This industry really needs to stop venerating 'programming' and disregarding markdown languages.
This industry really needs to stop venerating 'programming' and disregarding markdown languages.
I'm a big fan of the MDN web docs for learning about different SVG elements - developer.mozilla.org/en-US/docs/Web…
There's also absolutely *tons* of articles on CSS tricks.
css-tricks.com/svg-properties…
css-tricks.com/mega-list-svg-…
css-tricks.com/svg-properties…
css-tricks.com/mega-list-svg-…
I'd personally recommend popping over to @codepen and writing out some SVG code from scratch.
Make some shapes, change fills and strokes, try to write out an SVG path. Play with the viewBox values, try clipping, try masking, add images or text.
Explore, experiment.
Make some shapes, change fills and strokes, try to write out an SVG path. Play with the viewBox values, try clipping, try masking, add images or text.
Explore, experiment.
• • •
Missing some Tweet in this thread? You can try to
force a refresh
