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.
Creating Empathy Maps is useful for synthesizing research data in order to better understand the users. Empathy Maps are great for creating Personas, identifying users with different mindsets.
Anyone including non-designers can use this framework to analyse a product or service or analyse a piece of work for a potential client. You could even use this to review your own work as the tools and techniques I use leave little room for bias.