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.
Overview
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
