Transform on click

/*If you want a css only solution you can use active*/
.crossRotate:active {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

/*But the transformation will not persist when the activity moves. 
For that you need javascript (jquery click and css is the cleanest IMO).*/

<script>
$( ".crossRotate" ).click(function() {
    if (  $( this ).css( "transform" ) == 'none' ){
        $(this).css("transform","rotate(45deg)");
    } else {
        $(this).css("transform","" );
    }
});
</script>

Source: stackoverflow.com

Similar codes

7 votes324 views1 answer
How to use multiple custom fonts in css
CSS
0 vote344 views1 answer
How to use css print page break with float
CSS
2 votes330 views1 answer
Popsition relative css
CSS
0 vote342 views1 answer
Long text coming out of the block
CSS
0 vote455 views1 answer
Css only if both classes
CSS
34 votes397 views4 answers
Hide element using css
CSS
3 votes376 views1 answer
Set svg background color css
CSS
0 vote337 views1 answer
Add title to slider
CSS
3 votes293 views1 answer
Wrap table html
CSS
12 votes344 views6 answers
Wordpress enqueue script
CSS