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

0 vote332 views1 answer
Css flex bottom
CSS
0 vote342 views1 answer
Function for style your theme wordpress php
CSS
126 votes322 views5 answers
React Bootstrap css import
CSS
0 vote337 views1 answer
Maximum length for input box
CSS
21 votes342 views2 answers
Remove color and underline from link css
CSS
3 votes416 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
13 votes381 views6 answers
Bootstrap Badges
CSS Bootstrap
1 vote326 views1 answer
Css background offset
CSS
1 vote366 views1 answer
Css flip svg
CSS
0 vote335 views1 answer
Reference images from css in django
CSS