YoVDO

3D CSS - Lighting, Animations, and More

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Computer Science Courses Animation Courses 3D Design Courses 3D Shapes Courses Lighting Effects Courses

Course Description

Overview

Explore advanced 3D CSS techniques for creating stunning visual effects in this comprehensive tutorial. Learn how to set up a 3D scene, add perspective, construct a cube, create a 3D ball with shadow, rotate the entire scene, animate a bouncing ball, and implement realistic cube squishing upon ball impact. Gain insights from expert Amit Sheen as he guides you through each step, from basic setup to complex animations. Discover how to leverage CSS properties to achieve impressive lighting and dynamic movements, enhancing your web design skills and creating more engaging user experiences.

Syllabus

- Introduction
- Basic Set up
- Giving the scene perspective
- Making the cube
- Making the ball 3D and adding the shadow
- Rotating the scene
- Making the ball bounce
- Making the cube squish as the ball lands on it


Taught by

Kevin Powell

Related Courses

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX