Transformation

Have you ever watched mesmerizing time-lapses of caterpillars transforming into beautiful butterflies? A similar type of transformation exists in animation. In fact, it's one of the fundamental principles of motion. Simply put, transformation is the process of an element morphing into another shape as it changes state.

A common example is a variation of the Submit button. You have probably seen buttons that change into progress bars as they load and end up as confirmation checkmarks. It's a great way to provide immediate system feedback to users' actions.

<?xml version="1.0" encoding="utf-8"?>