Scribd
Upload
50 views

CSS Animations

Uploaded by

sakhikumariisbest
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
50 views

CSS Animations

Uploaded by

sakhikumariisbest
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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