CSS3 expanding tabs with transition in duration and delay

Example 1:

Example 2: Same as the previous example but with generated content.

Example 3: Same as the previous example but with different generated content.

Note: You can sort of control the position of the Firefox by hovering it with the cursor. If you can move the cursor towards the right at the same rate as the rolling Firefox, then there is not flickering. Only works in one direction.

Based CSS created by Gabriele Romanato in his expanding tabs effect demo and with early assistance from Philippe Wittenbergh.