Scribd
Upload
49 views

CSS Animations

Uploaded by

sakhikumariisbest
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
49 views

CSS Animations

Uploaded by

sakhikumariisbest
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

CSS TRANSITION

PROPERTY
Transition Property

CSS transitions allow you to change


property values smoothly, over a given
duration.
transition-delay
transition-duration
To create a transition effect, you must
specify two things: transition-property
the CSS property you want to add an transition-timing-function
effect to
the duration of the effect

Note: If the duration part is not specified,


the transition will have no effect, because
the default value is 0.
transition-timing-function

The transition-timing-function property can have the following values:

ease - specifies a transition effect with a slow start, then fast, then end slowly
(this is default)
linear - specifies a transition effect with the same speed from start to end
ease-in - specifies a transition effect with a slow start
ease-out - specifies a transition effect with a slow end
ease-in-out - specifies a transition effect with a slow start and end
cubic-bezier(n,n,n,n) - lets you define your own values in a cubic-bezier
function

You might also like