Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Help with CSS Animations code challenge

Finally, using the prefix for WebKit-based browsers, bind the 'mike-float' animation to the '.mike' selector. Give it a 3 second duration and set it to repeat infinitely.

.mike {
    -webkit-animation: mike-move 3s infinite, mike-float 3s infinite;

Says: Bummer! Make sure your animation name is correct.

!!!!!!! What am I doing wrong

7 Answers

.mike { -webkit-animation: mike-float 3s infinite;}

gives me the 'ol "Bummer! Make sure your animation name is correct." What's wrong? I have a screenshot but can't see where to add this to the forum.

judah simon
judah simon
4,886 Points

i am having the same issue, any solutions?

'mike-move 3s infinite' Why is that line of code in there? You only need to bind 'mike-float'.

Hi Folks, This can help maybe : -webkit-animation: mike-float 3s infinite forwards;

<code>.mike{ -webkit-animation: mike-float 3s infinite; } </code>

hi ! maybe you guys can try out going to the html section and key in

< style>.mike { -webkit-animation: mike-float 3s infinite;} < /style>

it works for me =)

Its work in html section <style>.mike { -webkit-animation: mike-float 3s infinite;} </style>

Hi guys. i think after attempting Task 1 in the CSS section, you need to shift to the HTML section and enter the following <style>.mike{-webkit-animation:mike-float 3s infinite;}</style>