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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![jesse durett](https://secure.gravatar.com/avatar/f40650782f461334e6eec5f846b15337?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
jesse durett
Courses Plus Student 614 PointsFirefox Animation
I am wondering why transforms and animations in thbe codepen code they provide are not working in Firefox. I open the codepen link they provide next to the treehouse video and the transforms and animations are not working. If I open it in chrome it does work. Do i need to change something in order for it to work or is something wrong with Firefox. I am using the latest version of Firefox
1 Answer
![Jason Anello](https://secure.gravatar.com/avatar/d1304e75238ff7f216f55adc03e08ea1?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Jason Anello
Courses Plus Student 94,610 PointsHi Jesse,
The animation properties and the key frames have all the vendor prefixes and unprefixed properties. The problem is with the background color on the progress bar. Only the -webkit prefix was used for the gradients. So the progress bar does not have a background color in firefox and so you can't see it animating.
So you would have to put in the unprefixed versions of those gradients for browsers that don't use the webkit prefix.
jesse durett
Courses Plus Student 614 Pointsjesse durett
Courses Plus Student 614 PointsThank you , that did it.