I am experimenting with some css3 transitions. I put together a quick slider test and it works well in the webkit family. In Firefox 4, the first time you click on the left link the slider is suppose to slide to the left, however, there is no css transition until the second time you click the link. I put the demo up on jsfiddle - /
Is this a result of something in my code or is this a bug?
I am experimenting with some css3 transitions. I put together a quick slider test and it works well in the webkit family. In Firefox 4, the first time you click on the left link the slider is suppose to slide to the left, however, there is no css transition until the second time you click the link. I put the demo up on jsfiddle - http://jsfiddle/mrleroylee/ctY68/
Is this a result of something in my code or is this a bug?
Share Improve this question edited Jun 9, 2011 at 15:28 LeRoy asked Jun 8, 2011 at 22:09 LeRoyLeRoy 3,2154 gold badges28 silver badges23 bronze badges1 Answer
Reset to default 17Set left: 0 in your styles for ul; that got it working in the fiddle for me: http://jsfiddle/ctY68/4/
Looks like Gecko isn't considering your first style change a transition because there was no initial value set.