Doing it with style
Based on an original idea by Román Cortés
Just a small change to the previous demo to have a continuous supply of rolling cans.
This would also work in Safari and Chrome if only they would fix the bug that stops :hover being used in conjunction with the general sibling selector as in this style .frame b.p1:hover ~ div {left:10px;} for example.
Remember this is only for fun and the original idea for the overlay is all due to Román Cortés.
7th February 2010
Now Safari and Chrome users can also see this working. Just place the mouse over the second image. No need to keep the mouse moving in these browsers.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.