CSS3 transition on click using pure CSS

Question

I\'m trying to get an image (a plus symbol) to rotate 45 degrees to create a cross symbol. I have so far managed to achieve this using the code below but its working on hove

Answer 1

You can also affect differente DOM elements using :target pseudo class. If an element is the destination of an anchor target it will get the :target pseudo element.

Click me
And I will change

Here is a fiddle : https://jsfiddle.net/k86b81jv/