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

27 votes355 views4 answers
Unselectable text css
CSS
0 vote339 views1 answer
How to link to class in CSS
CSS
1 vote341 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
0 vote340 views1 answer
Flutter replacement for flatbutton
CSS
-1 vote325 views1 answer
Css background image not showing vscode
CSS
0 vote326 views1 answer
Css set strong to normal text
CSS
3 votes379 views2 answers
What is vh in css
CSS
0 vote361 views1 answer
Underline css still there after text-decoration: none
CSS
4 votes424 views3 answers
Install Cors
CSS
0 vote331 views1 answer
Vertical divider between my flexbox
CSS