Motion (Transition)

Introduction

CSS transitions allows you to change property values smoothly, over a given duration.

Transition Properties

Property Values Description
Type CSS properties, all, none
Specifies the name of the CSS property the transition effect is for (the transition effect will start when the specified CSS property changes).
Duration number Specifies how many seconds (s) or milliseconds (ms) a transition effect takes to complete.
Easing ease, linear, ease-in, ease-out, ease-in-out Specifies the speed curve of the transition effect.
Was this article helpful?
YesNo
Live Editor