Designing, Defining, and Triggering CSS3 Transitions without Custom Libraries

Transitions specify the duration of an element changing its state smoothly over time.

Here's an example of elements using the transition properties:

Designing, Defining, and Triggering CSS3 Transforms without Custom Libraries

Transforms allow us to move or change the appearance of an element on a 2D plane.

Here's an example of elements using the transformation properties:

Designing, Defining, and Triggering CSS3 Animations without Custom Libraries

CSS animations are made up of two basic building blocks, keyframes and animation properties.

Here are some examples of elements using animation properties:

Hello!