When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Animation
SkillShare logo

CSS Animation Fundamentals: Master Transitions and Keyframes

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
CSS Animation Fundamentals: Master Transitions and Keyframes

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 14 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About CSS Animation Fundamentals: Master Transitions and Keyframes

Introduction

The Class Project

Why use animations?

CSS Transitions

Timing Functions

CSS Keyframes

Project Setup

Project - HTML

Project - CSS

Project - Nav Bar

Project - Images

Project - Buttons

Project - Keyframes

Sharing Your Project

Summary

What You Will Learn?

  • If you’re looking to learn the core concepts of CSS animations and want to add movement and a bit more life to your websites, then this web development class is for you!.
  • In this class, you'll learn how to code a single-page website about your favourite band or artist. This website will include various hover animations that will enhance the aesthetics of the site and engage the user..
  • I’ll cover how I use CSS animations to create my own dynamic website, and how I utilise transitions and keyframes to enhance the user experience of my site..
  • This class will cover:.
  • You’ll be shown how to publish your work (for free!) so I can give you some feedback and so other students can see your amazing work!.
  • Even if you’re new to CSS animations, you’ll find these simple and effective techniques easy to use and be able to apply everything you learn to your own future web projects..