Portfolio for Gillian Maffit
Chapter 4

Working With CSS Timing Functions

Chapter 4

In this chapter I was able to understand the timing function while working with animations. This was a little tricky to learn and fully understand since there are various timing functions you can use, so it was a lot of testing them out to see what each one will do. A timing function is a function that alters the speed at which your properties animate. Whenever you are working with timing functions there are four important things to keep in mind.

  1. They don't change where your property values start.
  2. They don't change where your property values end.
  3. They don't change your animations duration.
  4. They alter the speed at which your property values change.

Before Video Edits:

After Video Edits: