CSS Animation Tutorial #8 - Animation Timing Functions

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

========== JavaScript for Beginners Playlist ==========

============ CSS for Beginners Playlist =============

============== The Net Ninja =====================

================== Social Links ==================

[DIEZ]

OMG, this site is exactly what I needed! I saw this type of curves over 9000 times but couldn't imagine how to describe the curve just with 4 numbers! Thank you, BRO!

[Sir_Curvine]

been following Mr. ninja for 4 years now and his tutorials are still the best of all tutorials.

[control]

could not have hoped for a better explanation on cuber-bezier function. thank you !

[dawid_dahl]

I absolutely love your tutorials. Thank you so much!

[SilvestreVivo]

Best Animation CSS tutorial ever, thank you very much! Muchas gracias!!!

[rafaelleduarte]

This entire tutorial of yours is splendid and helped me significantly when it comes to my new code snippet that I have been building up on CodePen xxxx

[fariman-kashani]

I can't stop watching your videos! easy and rich :)

[tobyroy]

once again, absolutely brilliant. Thanks you so much

[AlvomaniaDK]

This great! supposing I want to animate different lines of text, one after the other with some intervals separating them, what adjustment would I need to make ? Thanks in advanced.

[darrylbrian]

So cool! This is a great series! Thank you =)

[levente.]

Thank you very much for this explanation. Can you please explain the 4 values briefly?

Which are responsible for the movement and which for the speed? Would like to understand the tool of Cubic Bezier. :)

[lesterjohnson]

great way to get kids interested in codes..

[handnou]

1) if i wanna use mob pictures what can i do
2) it is very hard to arrange them in page so what is the problem
cuz you can not make them overlap [on top of each other]

[Himanshu_Sharma..]

Brother can we change the image in between of the animation

[samehabbadi]

Thanks would be unfair..THANKS THANKS THANKS to the

[adityaprakash]

how to increase the speed of the mario each seconds?

[_Code.Pilot_]

cubic bezier is now built into the Firefox dev tools!

[MohitManuja]

why didn't you talk about steps(int, start / end ) it was also very important .

[eassywriter]

try this cubic-bezier(0, 1.86, 1, -0.42)

[محمدمنظورالحقرتل]

the website is being blocked for adult content.