Source: Learn to Code - CSS Transforms
A CSS transform property lets you transform an element in either 2d or 3d space. That means you can rotate, scale, move, or skew elements.
One example is transform rotate. This could be used to draw attention to an element by making it positioned in a different angle outside of the usual gridlike system.
Source: Learn to Code - Transitions and Animations
A CSS transition property lets you transition an element’s appearance from one appearance to another.
A transition occurs over a short period of time, a transform is a static change.
Source: Web Designer Depot - 8 simple CSS3 transitions that will wow your users
CSS transitions can excite your users, increase engagement and lead to increased user interaction, such as filling out forms or making a purchase.
In the shorter term, I would like to use these to make the final presentation ‘pop’, and in the longer term I would like to use these tools to make the things that I develop engaging and effective.
How do you combine the transformations, transitions, and animations effectively to wow users without overwhelming them oor their systems?