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

14 votes345 views4 answers
Composer downgrade to version 1
CSS
0 vote306 views1 answer
Inline block display has margin
CSS
22 votes339 views2 answers
Rgb gold color
CSS
2 votes339 views2 answers
Details transition css
CSS
7 votes321 views2 answers
Css comic sans
CSS
0 vote313 views1 answer
Set height to width css
CSS
13 votes304 views5 answers
How to add text stroke in css
CSS
3 votes363 views2 answers
Confirm on delete
CSS
56 votes296 views3 answers
Css curved border
CSS
0 vote318 views2 answers
Drop function postgresql
CSS