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

20 votes287 views3 answers
Gradient border with border radius
CSS
8 votes308 views2 answers
Css random color
CSS
8 votes274 views1 answer
Html watermark background
CSS
0 vote335 views1 answer
Move scrollbar on element to right side
CSS
1 vote297 views1 answer
Break pre text
CSS
0 vote309 views1 answer
Blocksatz css
CSS
0 vote283 views1 answer
Boxsizing
CSS
-2 votes302 views1 answer
Change icon color to gradient css
CSS
1 vote286 views1 answer
On hover chang only border color of a button css
CSS
0 vote347 views2 answers
Materialize css
CSS Materialize