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

13 votes220 views6 answers
Tailwind center vertically
CSS
0 vote274 views1 answer
Css only if both classes
CSS
0 vote162 views1 answer
Css remove white space below footer
CSS
0 vote155 views1 answer
Siteorigin hide row
CSS
0 vote166 views1 answer
Break table for printing
CSS
3 votes153 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote164 views1 answer
Animated progress bar css
CSS
2 votes179 views1 answer
Css image round
CSS
56 votes143 views3 answers
How to make a round corner in CSS
CSS
62 votes146 views3 answers
Css root variables
CSS