DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for SVG Text Stroke Animation πŸ–Œ | HTML CSS & Animejs
Niall Maher
Niall Maher

Posted on

SVG Text Stroke Animation πŸ–Œ | HTML CSS & Animejs

In this episode learn how to create SVG text where each letter has separate paths with Figma and then animate it with Animejs to create an awesome drawn in effect. πŸ–Œ

I think this could ake a really interesting feature to a landing page if you are trying to make your site pop.

I will work on a written guide on this too so check back soon if you just want some copy/pasting.


Follow me on Twitter

Subscribe on CodΓΊ Community

Top comments (3)

Collapse
 
thisdotmedia_staff profile image
This Dot Media

Awesome video Niall! Super helpful and easy to follow

Collapse
 
nialljoemaher profile image
Niall Maher

Glad you liked it, thank you! πŸ’œ

Collapse
 
navyn profile image
Yvan Ishimwe Sugira

Nice content
Really helpful and straight forward

Create an Account!
Now it's your turn!
Β 
πŸ—’ Share a tutorial
πŸ€” Reflect on your coding journey
❓ Ask a question

Create an account to join hundreds of thousands of DEV members on their journey.