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

0 vote307 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
0 vote317 views1 answer
Background color in hex css
CSS
0 vote321 views1 answer
Css calc function
CSS
9 votes487 views3 answers
Console.log style css
CSS
1 vote308 views1 answer
Css placeholder text truncate
CSS
1 vote324 views2 answers
Css button border
CSS
6 votes326 views1 answer
Flex change order
CSS
168 votes363 views4 answers
Css link tag
CSS
0 vote308 views1 answer
Vertical divider between my flexbox
CSS
0 vote345 views1 answer
Css create array
CSS