SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Make your CSS Move with Transitions, Transforms and Animation Principles
Make your CSS Move with Transitions, Transforms and Animation Principles

Make your CSS Move with Transitions, Transforms and Animation Principles

Here are some short pointers for you fellow CSS Animators


Course details

4.2∙13 Ratings5 reviews

Published
May 2017
Videos
5
Duration
Happy students
1263

Take this course

About the course

In this 5-part mini course you'll learn how to add interactivity with CSS animations. Create smooth transitions through property changes like, color, opacity, and radius in our hands-on demonstrations. If you'd like to learn more about CSS animations, head on over to our Animating with CSS course on. Learn how to create comprehensive CSS animations from CSS animation expert Donovan Hutchinson from CSS Animation Rocks.

Course Instructor

Course Outline

Lesson 1: CSS Animation Tips
  • Free
    Animating with CSS Transition
    9:38
  • Locked
    Using the Timing Function Property in CSS
    8:23
  • Locked
    2D-Transition & Transform
    10:10
  • Locked
    CSS Transition & Browser Support
    10:31
  • Locked
    CSS Animation with the Cubic Bezier
    8:17

Reviews
4.2

10 total

3
6
1
0
0

Course details

4.2∙13 Ratings5 reviews

Published
May 2017
Videos
5
Duration
Happy students
1263

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy