YoVDO

CSS-Only Particle Animations

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Web Development Courses 3d Animation Courses Visual Effects Courses CSS Animation Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore CSS-only particle animations in this 48-minute tutorial featuring Kevin Powell and Amit Sheen. Learn how to create a 3D scene with a laser cutting a panel and sparks flying off, picking up valuable tips and tricks for animations along the way. Dive into creating the scene, laser, and panel, then make it 3D and animate the laser. Master the art of creating sparks and finish by making the cut piece fall. Gain insights from Amit's inspiration and access the finished CodePen for hands-on practice. Perfect for developers looking to enhance their CSS animation skills and create visually stunning effects without JavaScript.

Syllabus

- Introduction
- Amit’s inspiration for creating this
- Creating the scene
- Creating the laser
- Creating the panel
- Making the scene 3D
- Animating the laser
- Creating the sparks
- Making the cut piece fall


Taught by

Kevin Powell

Related Courses

CSS Animation With Latest Effects - 2020
Udemy
Creative Advanced CSS & JavaScript Animations - 150 Projects
Udemy
Level Up Your CSS Animation Skills
Udemy
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy
CSS - Basics to Adv for front end development
Udemy