Hardware Accelerated Motion

"Motion is meaningful and appropriate, serving to focus attention and maintain continuity." — Google





Add .motion to element you want to animate. Toggle the class
e.g. document.getElementById('my-id').classList.toggleClass('spiral-back');

.fade + motion

Fabs should hold the primary action for the screen. Use motion, color, and location to gain attraction to the fab with Ionic Material.

Transition from corner



Remove .motion to a pin to a corner without the transition