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

51 votes192 views6 answers
Css nth-child
CSS
0 vote207 views1 answer
Text truncate after 3 lines
CSS
7 votes130 views2 answers
Html vertical and horizontal center
CSS
0 vote193 views1 answer
Microwave
CSS
0 vote186 views1 answer
Input type password css
CSS
0 vote174 views1 answer
Mat slider custom color
CSS
22 votes240 views6 answers
Blur css
CSS
1 vote176 views1 answer
Javascript read me text
CSS
0 vote144 views1 answer
How to print hello world with css
CSS
0 vote169 views1 answer
Media queries import file
CSS