Categories
CSS HTML JavaScript

CSS Transitions, Transforms, Transitions: Class Demo (Whomsoever 2025)

First, please download the starter files and open them as a project in Visual Studio Code.

And here is a link to a video demonstrating what we will build.

And here is a full video series that goes through everything we will do in class, and probably more.

Topics Covered:

  • CSS Transitions
  • CSS Transforms (scale & translate, in particular)
  • CSS Animation
  • CSS Background Properties
  • CSS Image Masks
  • Useful properties like Transform-Origin
  • Using the JavaScript classList Property to trigger animations or transitions