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 vote159 views2 answers
Text align left top
CSS
16 votes147 views3 answers
Sass install
CSS
7 votes176 views2 answers
Background color semi transparent
CSS
0 vote172 views1 answer
Scss if
CSS
52 votes165 views6 answers
How to change background color in css
CSS
98 votes162 views6 answers
Css center
CSS
0 vote155 views1 answer
Wordpress remove sticky header
CSS
0 vote174 views1 answer
Remove glow textarea css
CSS
0 vote191 views1 answer
Deploy truffle project on testnet
CSS
0 vote156 views1 answer
Tabla responsive css
CSS