Transitions And Animations

transition-duration

Name: Fynydd
Address: 630 Freedom Business Center Drive, King of Prussia, Pennsylvania, 19406, United States
Telephone: +1 855-439-6933
Rating: 4.9

Utilities for setting transition duration.

Quick reference

Class Styles

duration-initial

--sf-duration: initial;
transition-duration: initial;

duration-<number>

--sf-duration: <number>ms;
transition-duration: <number>ms;

duration-250

--sf-duration: 250ms;
transition-duration: 250ms;

duration-[<value>]

--sf-duration: <value>;
transition-duration: <value>;

duration-[250ms]

--sf-duration: 250ms;
transition-duration: 250ms;

duration-(<custom-property>)

--sf-duration: var(<custom-property>);
transition-duration: var(<custom-property>);

duration-(--my-duration)

--sf-duration: var(--my-duration);
transition-duration: var(--my-duration);

duration-(duration:<custom-property>)

--sf-duration: var(<custom-property>);
transition-duration: var(<custom-property>);

duration-(duration:--my-duration)

--sf-duration: var(--my-duration);
transition-duration: var(--my-duration);

duration-(number:<custom-property>)

--sf-duration: var(<custom-property>);
transition-duration: var(<custom-property>);

duration-(number:--my-number)

--sf-duration: var(--my-number);
transition-duration: var(--my-number);

transition-delay

transition-property

Transitions And Animations

transition-duration

Quick reference

Sfumato

Community