What are "cubic-bezier" and its values in "transition-timing-function" in CSS?! | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

What are "cubic-bezier" and its values in "transition-timing-function" in CSS?!

Is there anybody who can describe me the following syntax?! transition-timing-function:cubic-bezier(0,0,1,1); I don't know anything about the values of cubic-bezier?!

14th Feb 2018, 5:53 AM
Ahmad Heidari
Ahmad Heidari - avatar
2 Answers
+ 2
The <single-transition-timing-function> CSS data type denotes a mathematical function that describes how fast one-dimensional values change during animations. This lets you vary the animation's speed over the course of its duration.
14th Feb 2018, 5:57 AM
Sudarshan Rai
Sudarshan Rai - avatar
+ 2
Thanks Shudarshan! But I don't understand the definition and role of each number in paranthesis!
14th Feb 2018, 6:20 AM
Ahmad Heidari
Ahmad Heidari - avatar