Date : 6th March 2022

For all the latest browsers

This zoom goes on forever

Information

Just CSS. Absolutely NO jQuery/javascript or any other programming language.

My original version of this demonstration was produce on the 9th February 2010. CSS has come a long way since the original demo.

Now that all the latest browsers support @keyframes without using their own prefix I can convert my previous demonstration so that the stylesheet is a lot simpler.

The original version used around 1700 lines of CSS to cope with the four main browsers, but this version has just 37 lines and is also responsive.

The only thing I cannot resolve is that the timing function shoul work using 'linear' but this causes a small jump at the image changeover point, so it has to be a cubic-bezier function to smooth out this jump.

The stylesheet for this demonstration is in the page head, but if you use this, please keep my copyright comment with the stylesheet.

Please consider making a donation, every little helps.