Line Drawing Animation with an SVG in Ionic

Channel:

Joshua Morony

Subscribers:

81,900

Published on March 17, 2020 11:30:02 AM ● Video Link: https://www.youtube.com/watch?v=FEblK6Qo3KQ

Category:

Tutorial

Duration: 11:52

14,112 views

141

In this tutorial, we look at how to create a check mark, or tick, animation using an SVG and the CSS stroke-dasharray property.

CSS Tricks Article: https://css-tricks.com/svg-line-animation-works/

- Check out my book on Ionic Animations & Gestures: https://www.joshmorony.com/advanced-animations-and-interactions-with-ionic/

#ionic #animation #ui

- Learn Ionic: https://www.joshmorony.com/creating-ionic-applications-with-stencil-js/

- Find me on Twitter: https://twitter.com/joshuamorony

- More Ionic tutorials: https://www.joshmorony.com/blog/