The animation property in CSS can be used to animate many other CSS properties such as color, background-color, height, or width. Each animation needs to be defined with the @keyframes at-rule which is then called with the animation property.
Microinteractions play a large role in our digital lives, even if we don’t always notice them. From the time your phone’s alarm wakes you in the morning to liking your friends’ posts on Facebook to the notifications about new emails and Instagram messages—we encounter microinteractions all day.
