Results 1 - 13 of 13

CSS Transitions

CSS Transitions is a module of CSS that defines how to create smooth transitions between values of given CSS properties. It allows to create them but also to define their evolution, using timing functions.
CSS CSS Transitions Experimental Overview Reference

transition

The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It enables you to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.
CSS CSS Property CSS Transitions Experimental Reference

transition-delay

The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.
CSS CSS Property CSS Transitions Experimental Reference

transition-duration

The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
CSS CSS Property CSS Transitions Experimental Reference

transition-property

The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
CSS CSS Property CSS Transitions Experimental Reference

transition-timing-function

The transition-timing-function CSS property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.
CSS CSS Property CSS Transitions Experimental Reference