Welcome to the Treehouse Community
Looking to learn something new?
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:
transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;
That's why it didn't work on Firefox, Firefox support the unprefix version of transition.