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

5 votes247 views1 answer
Hidden elements blinking on hover
CSS
0 vote250 views1 answer
Resctrict css to apply on div
CSS
0 vote259 views1 answer
Css battle 54 char
CSS
10 votes272 views3 answers
Html disable suggestions
CSS
1 vote260 views1 answer
Detect portrait landscape css
CSS
0 vote256 views1 answer
Divs overlapping on mobile landscape
CSS
0 vote673 views1 answer
Effetto fade con css
CSS
0 vote259 views1 answer
Align icon to top right corner of div
CSS
7 votes261 views3 answers
Push failed
CSS
0 vote250 views1 answer
Css grid auto row
CSS