Im trying to archive zooming an image when clicking it. Im using this CSS to make it Work:
-webkit-transition: all 1.3s;
The code above Works just GREAT..... But what if you wanted it to zoom when clicking and zoom out when clicking Again? The CSS :active selector wont do it, cause it only Works when you hold down the mouse.
There is alot tutorials for how you can change CSS with a onclick event, but still this cant do it, while i need it to transform when clicking. And Again transform back when clicking Again.
I also tried to look into using checkboxes for this purpose, but it cant help as long as CSS is missing an onclick function.
You can see my page here: http://www.mikethk.dk/
the right DK map will tranform when hovering. But i cant figure out how to make it Work with a click on the image.
Can i somehow cheat the system to think im CSS :active constantly after clicking the image, until i click it Again?
Maybe java can hold CSS :active after a click?