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

YouTube

3D Text Animations With CSS

Kevin Powell via YouTube

Overview

This course teaches learners how to create 3D text animations using CSS. The learning outcomes include understanding how to add text with pseudo-elements, position text within panels, add color, make text twist, set up rotation, change perspective, and add shading/depth. The course uses a tutorial-based teaching method with a syllabus covering various aspects of creating 3D text animations. The intended audience for this course is individuals interested in enhancing their CSS skills and creating visually appealing web animations.

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

Reviews

Start your review of 3D Text Animations With CSS

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.