Explore the world of 3D text animations using CSS in this 35-minute tutorial by Kevin Powell. Learn how to create stunning visual effects as you follow along step-by-step, starting from a blank file and progressing to complex 3D animations. Discover techniques for adding text with pseudo-elements, positioning within panels, applying color, and creating twisting and rotating effects. Delve into advanced concepts like perspective manipulation and shading to add depth to your designs. Gain insights from Amit Sheen's innovative work in CSS and access additional resources to further enhance your skills in creating captivating 3D text animations.
Overview
Syllabus
- Introduction
- Why Amit started working on 3D text
- Examples of some of the things he's created so far
- Getting started with a blank file
- Adding the text with pseudo-elements
- Positioning the text within the panels
- Adding more panels to smooth things out
- Adding color to the text
- Making the text twist
- Setting it up to rotate
- Changing the perspective
- Adding the rotating animation
- Adding shading / depth
Taught by
Kevin Powell
