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

CSS

Posted by Ibrahim keita
Ibrahim keita
3,867 Points

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

Xander Taylor
Xander Taylor
12,390 Points
Xander Taylor
Xander Taylor
12,390 Points

.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
judah simon
judah simon
4,886 Points

i am having the same issue, any solutions?

Steven Schweibold
Steven Schweibold
7,742 Points
Steven Schweibold
Steven Schweibold
7,742 Points

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

Adrien Beaulieu
Adrien Beaulieu
8,127 Points
Adrien Beaulieu
Adrien Beaulieu
8,127 Points

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

adrie silva
adrie silva
6,416 Points
adrie silva
adrie silva
6,416 Points

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

HONG ZUO GAN
HONG ZUO GAN
12,805 Points
HONG ZUO GAN
HONG ZUO GAN
12,805 Points

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 =)

ilyass mougar
PLUS
ilyass mougar
Courses Plus Student 2,858 Points
ilyass mougar
ilyass mougar
Courses Plus Student 2,858 Points

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

MUZ140175 Tendayi Musvibe
MUZ140175 Tendayi Musvibe
7,296 Points
MUZ140175 Tendayi Musvibe
MUZ140175 Tendayi Musvibe
7,296 Points

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>