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
Transition-duration NOT working???
I must have tried for 3 hours but I cannot figure this out- the boxes are still "snapping"... Funny thing is, the block smoothly slide in the browser on my phone, but if I use my desktop, it doesn't matter what browser I do it in, it just will not work... It was working for about 10 minutes, but then just stopped. I rebooted my computer twice, still nothing.is it just on my browser/computer?? Please help!!!
Which browser did you use? :) On Firefox it doesn't work, on chrome it does. Check your cross-browser css (you used the webkit-transition), add transition property for other browsers :). (and check on different browsers when you develop for the web ^^).
OK, so I deleted both Chrome and Firefox from my computer and reinstalled them both (I've added the -moz- prefix to my code on the page)... Chrome seems to be working ok now but Firefox is STILL "snapping" the boxes even with the prefix!! I'm going bald from pulling my hair out :(
Dennis Skoko12,860 Points
Don't forget to add the unprefix property transition-duration. Add this to the code:
That's why it didn't work on Firefox, Firefox support the unprefix version of transition.