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

1 vote197 views1 answer
Scroll bar on border radius element css
CSS
0 vote180 views1 answer
How to make gray ufing rgb in css
CSS
1 vote190 views1 answer
Mirror css a pseudo :after or :before
CSS
1 vote168 views1 answer
H2 custom font family html css
CSS
0 vote175 views1 answer
Bootstrap 5 css how to change
CSS
0 vote183 views1 answer
Css regions
CSS
38 votes198 views3 answers
Cool ways to color a background with css
CSS
1 vote190 views1 answer
Css selector not contain
CSS
0 vote215 views1 answer
Parcel-bundler bulma css
CSS Bulma
0 vote181 views1 answer
Easyui how to change datagrid header height
CSS