Complex SVG Animations Made Simple with JavaScript [Video]

https://bit.ly/45ylV76 👈 Design & code like me. Use “UI2023” for 23% Off!
https://designcourse.com/af 👈 My upcoming “Advanced Frontends” Course
— Today, I’m going to show you how I created a preloader/loading animation for AdvancedFrontends. I may or may not end up using this particular animation for the website, but I figured some of you would want to know how I made it!

0:00 – Intro
0:27 – Project Overview
0:58 – SVG Logo Overview
3:40 – HTML & CSS
7:00 – JavaScript
20:08 – Final Result
20:53 – AdvancedFrontends

Let’s get started!

#svg #frontend #javascript

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS!

Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

– – – – – – – – – – – – – – – – – – – – – –

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!