I have an issue with the challenge follows:
To see the effect of this Bezier curve in action, change the animation-timing-function of the element with id of red to a cubic-bezier function with x1, y1, x2, y2 values set respectively to 0, 0, 0.58, 1. This will make both elements progress through the animation similarly.
I tried to solve it as follows but not worked.
#red {
background: red;
left: 27%;
animation-timing-function: cubic-bezier:(0, 0, 0.58, 1);
please provide your full code and the challenge link to get better help
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).
Hello!
I see a typo in your code snippet. I believe a colon has snuck in where it does not belong . I believe it should look like this:
animation-timing-function: cubic-bezier(0,0,0.58,1);