CSSPLAY

CSS DEMOS › A toggle action image zoom using just CSS

Date : 11th February 2013

For all modern browsers

Information

A simple method of having a toggle action using just CSS.

This involves using checkbox inputs which when first clicked/tapped applies a :checked state which can be used in the same way as :hover. The second click/tap then removes the :checked state and the style reverts back to its original state.

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.