Ease-in in css

ease = starts slow , speeds in middle and slow again in the end.
ease-in  = slow in the beginning , speeds up  in the end.
ease-out = speeds in the beginning, slow in the end.
linear = as the name suggest, i.e. constant speed throughout the animation.


ease-in-out = starts slow, fastest in the middle , slow again in the end.



DIFFERENCE BETWEEN EASE & EASE-IN-OUT

CSS transition ease

.thing {

  /* The default, as in, you get this without defining anything */
  transition-timing-function: ease;

  /* Also the same as */
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  
}

Source: css-tricks.com

Similar codes

7 votes190 views3 answers
Stick menu bar in css
CSS
73 votes190 views5 answers
Border-radius
CSS
1 vote209 views1 answer
How to scale a bg image acc to size of div
CSS
2 votes133 views2 answers
Button hover disabled
CSS
3 votes196 views1 answer
Watch scss to css
CSS
0 vote186 views1 answer
Why programmers are single
CSS
0 vote183 views1 answer
Wordpress link post tags
CSS
-1 vote187 views1 answer
How to remove default styling of a tag
CSS
6 votes155 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
19 votes169 views2 answers
How to customize placeholder css
CSS