CSS Transition - 5 Properties and its Values (Reference)

https://webdevfix.com/5-transition-properties-and-values-in-css

Tech:

Css

Since:

1 year ago

Views:

9

The CSS transition properties and values are used to create a smooth transition between two states of an element. It is a powerful feature that can be used to create animations, transitions, and other effects.

Transition properties:

transition transition-delay transition-duration transition-property transition-timing-function

transition

A shorthand property for all the transition-* properties.

transition: property duration timing-function delay;
transition: initial;
transition: inherit;

transition-delay

Specifies when the transition effect will start.

transition-delay: time;
transition-delay: initial;
transition-delay: inherit;

transition-duration

Specifies how many seconds or milliseconds a transition effect takes to complete.

transition-duration: time;
transition-duration: initial;
transition-duration: inherit;

transition-property

Specifies the name of the CSS property the transition effect is for.

transition-property: none;
transition-property: all;
transition-property: property;
transition-property: initial;
transition-property: inherit;

transition-timing-function

Specifies the speed curve of the transition effect.

transition-timing-function : linear;
transition-timing-function : ease;
transition-timing-function : ease-in
transition-timing-function : ease-out;
transition-timing-function : ease-in-out;
transition-timing-function : step-start;
transition-timing-function : step-end;
transition-timing-function : steps(int,start;
transition-timing-function : end);
transition-timing-function : cubic-bezier(n,n,n,n);
transition-timing-function : initial;
transition-timing-function : inherit;

More Articles

CSS Background - 10 Properties and its Values (Reference)

CSS Font - 11 Properties and its Values (Reference)

CSS Text - 11 Properties and its Values (Reference)

CSS Flex - 13 Properties and its Values (Reference)

CSS Functions - 14 Functions (Reference)