02-keyframes

Lesson 2: Keyframes and animations

• @keyframes
• animation-name (shorthand)
• animation-duration
• animation-delay-delay
• animation-timing-function
• animation-fill-mode
• animation (shorthand)

Exercise

• Add an entry animation to the form.
• Create a shake animation; we will use this later.