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 vote299 views2 answers
Vim unset number
CSS
0 vote212 views1 answer
Chrome close tab after print
CSS
0 vote242 views1 answer
Css clip path alternative
CSS
3 votes237 views2 answers
Image with background color css
CSS
0 vote199 views1 answer
Twig date modify
CSS
52 votes195 views3 answers
Css position absolute middle
CSS
0 vote339 views1 answer
Remove materialize style input
CSS Materialize
0 vote202 views1 answer
Webkit scrollbar padding
CSS
-1 vote214 views6 answers
Css comment
CSS
6 votes255 views3 answers
Css for safari only
CSS