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 Nicklas Millard
Nicklas Millard
9,542 Points

Cannot see animations in Firefox

I'm doing the Keyframe Rules and Animation Properties in the CSS course. But I can't see the progress bar in my browser. I'm using the newest version of Firefox.

Can anyone help me?

Thanks, /Millard

James Barnett
James Barnett
39,199 Points

It's hard for us to know what issue you are having if you don't show us your code. For some tips on how to do that, check out the tips for asking questions video located in the right hand sidebar.

Also without a link to the code challenge you are having issues with someone would have guess which one it is, to be able to test out their solution.

3 Answers

Jones Dias
Jones Dias
13,902 Points
Jones Dias
Jones Dias
13,902 Points

Have you used the prefix @-moz-keyframes?

Nicklas Millard
Nicklas Millard
9,542 Points
Nicklas Millard
Nicklas Millard
9,542 Points

Yeah, I have. Still nothing.. Very weird..

Bogdan Heimerl
Bogdan Heimerl
9,384 Points
Bogdan Heimerl
Bogdan Heimerl
9,384 Points

I know this has been posted a month ago, but here's the fix just in case someone else has this issue.

You need to type in the unprefixed background properties in order to have the gradients display in the recent versions Firefox and IE (Opera, Safari and Chrome are Webkit based). This step wasn't mentioned in the lesson.

Basically, you need this line:

background: repeating-linear-gradient(-45deg, rgba(255,255,255,.1), rgba(255,255,255,0) 12px), linear-gradient(#F5A8A8, #F08080);
James Barnett
James Barnett
39,199 Points

Bogdan Heimerl -

> This step wasn't mentioned in the lesson.

Which video are you referring to. There's a Linear Gradients – Unprefixed Syntax video these days.