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

nialljoemaher

Niall Maher

Posted on May 8, 2020

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

πŸ’– πŸ’ͺ πŸ™… 🚩
nialljoemaher
Niall Maher

Posted on May 8, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Function Hoisting In JavaScript
javascript Function Hoisting In JavaScript

September 10, 2022

JavaScript getters and setters
javascript JavaScript getters and setters

May 9, 2022

JavaScript Basics in its Simplest Form
javascript JavaScript Basics in its Simplest Form

January 18, 2022

How to practice Javascript?
javascript How to practice Javascript?

October 12, 2021

The keyword "new" in JavaScript
javascript The keyword "new" in JavaScript

September 19, 2021