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 vote233 views1 answer
Highlight table row on hover
CSS
9 votes234 views1 answer
Howt to original image on background css
CSS
1 vote248 views1 answer
New line in flex container
CSS
6 votes238 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote268 views1 answer
Css file verlinken
CSS
0 vote247 views1 answer
Bulk order pre cooked pasta
CSS
0 vote213 views1 answer
Cta button css
CSS
19 votes226 views6 answers
Css text border
CSS
72 votes235 views6 answers
Flexbox css
CSS
0 vote242 views2 answers
Remove unused css styles
CSS