Coursera Plus Annual is 40% Off — Ends June 29.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Complex SVG Animations Made Simple with JavaScript

DesignCourse via YouTube

Start learning Write review
CodeSignal Ad

Learn Generative AI, Prompt Engineering, and LLMs for Free

Learn More → Simplilearn Ad

Build AI Apps with Azure, Copilot, and Generative AI — Microsoft Certified

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Learn how to create complex SVG animations using JavaScript in this 22-minute tutorial video. Explore the process of designing a preloader/loading animation for a website, starting with an overview of the project and SVG logo. Dive into HTML and CSS implementation, followed by an in-depth JavaScript walkthrough. Witness the final result and gain insights into advanced frontend techniques. Master the art of combining SVG, HTML, CSS, and JavaScript to create stunning animated effects for your web projects.

Syllabus

- Intro
- Project Overview
- SVG Logo Overview
- HTML & CSS
- JavaScript
- Final Result
- AdvancedFrontends

Taught by

DesignCourse

Reviews

Start your review of Complex SVG Animations Made Simple with JavaScript

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.