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 vote146 views6 answers
Ease in out css
CSS
2 votes126 views2 answers
How to add box shadow to all sides css
CSS
25 votes124 views6 answers
Multiple nth child css
CSS
0 vote145 views1 answer
Compass font awesome
CSS
0 vote132 views1 answer
Text size to fit button
CSS
1 vote156 views1 answer
Add image to div in css
CSS
1 vote138 views1 answer
Will change css
CSS
0 vote127 views1 answer
Materialize css icon
CSS Materialize
3 votes122 views2 answers
No hover effect css
CSS
0 vote143 views2 answers
Easyui datagrid header color
CSS