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 vote287 views2 answers
How to style a particular image in css
CSS
2 votes291 views1 answer
Vh vs vw css
CSS
2 votes295 views3 answers
Css properties in html
CSS
85 votes290 views5 answers
Scroll css
CSS
0 vote278 views1 answer
Fullpage.js change the color of the anchor
CSS
1 vote291 views1 answer
Hide number trigger in html page
CSS
9 votes293 views4 answers
Clamp css
CSS
1 vote280 views1 answer
Css @media measurements
CSS
8 votes288 views2 answers
Line-weight css
CSS
0 vote290 views1 answer
Grid place between
CSS