Animation not working

1

Good day Guys,

Can someone please help me understand why my animation is not working. Its for my personal portfolio page.

2
  • Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it as it will give you a clue to help you.
3

Thank you for that, thats very helpful. but it says there arent any errors. Could you please advise me what ive done wrong? Ive spent the whole day on this and now im stuck on the animation.

4

Well that’s deceptive. You had animation: html; in your keyframes declarations and that was giving CSS errors. Good you cleaned it up.

Now, where are you telling your skill levels which/what animation/keyframe to use?

5

Yes I removed that , to see if it would work . any advise for me please?

6

As asked above, “Now, where are you telling your skill levels which/what animation/keyframe to use?”

7

Im sorry but I dont understand your question.

I want the animation to move from right to left and I put the animation to be 2s.

i set the keyframe to width.

8

And that’s all well and good. Maybe go back and review the lessons on animation.
You’re not telling the skills declarations which keyframes to use.

Research a little. I’m giving you the answer.

9

Thank you very much.