7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Dismiss
  1. Web Design
  2. Animation

Up and Running With CSS Keyframe Animations

Craig Campbell
FREELessons: 2Length: 13 minutes
AnimationCSS
Next Lesson

Next lesson playing in 5 seconds

Cancel

Up and Running With CSS Keyframe Animations

Introduction

00:41

In this Coffee Break Course, I’ll show you everything you need to know to get started creating animations using the CSS keyframe and animation properties. In just ten minutes, you'll learn how to create animations in the browser without having to rely on external plugins or extensive programming.

Watch the other Coffee Break Course in the series:

Learn CSS: The Complete Guide

We've built complete guides to help you learn CSS and animate css, whether you're just getting started with the basics or you want to explore more advanced techniques.

1.Up and Running With CSS Keyframe Animations
2 lessons, 13:13

1.1
Introduction
00:41

1.2
Creating Keyframes With CSS
12:32

Craig Campbell
Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
Add to My CoursesDiscuss in the Forum
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories