Determine #cubic-bezier value on #Chrome

How to play around with cubic-bezier and to figure out the easing that you like for your animation-timing-function?

cubic-bezier chart
Chrome - cubic-bezier chart


1) Find a page or your own page that has animation in the CSS.
2) Turn on Chrome developer tools and go to styles tab.
3) Click on the easing logo in the animation line.
4) Cubic-bezier draggable chart will open up.

Chrome Developer tools - styles

Check out all animation properties on MDN 
Animation functions
Animation properties

Thanks for reading!