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

8 votes334 views2 answers
How to rotate picture to the right in css
CSS
6 votes345 views3 answers
Print media query css
CSS
3 votes374 views2 answers
Backdrop filter all properties
CSS
18 votes389 views5 answers
Col-md-6 bootstrap
CSS
0 vote355 views2 answers
A4 pagw size css
CSS
0 vote339 views1 answer
Javafx css rectangle outline
CSS
2 votes336 views1 answer
Css limit line text
CSS
1 vote387 views1 answer
Css code examples
CSS
0 vote354 views2 answers
Change svg color on hover, css
CSS
0 vote357 views1 answer
Html input type colour internal border
CSS