Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

animation timing function css

/*increase speed toward middle then slow to end */
animation-timing-function: ease; 

/*start slow increase speed till end*/
/*You should use this ease when an object is outgoing.*/
animation-timing-function: ease-in;

/*start quick decrease speed till end*/
/*You should use this ease when an object is incoming.*/
animation-timing-function: ease-out;

/*start slow, speeding up, decrease speed till end*/
animation-timing-function: ease-in-out;

/*animates at an even speed.*/
animation-timing-function: linear;
 
PREVIOUS NEXT
Tagged: #animation #timing #function #css
ADD COMMENT
Topic
Name
4+8 =