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

21 votes167 views2 answers
Ul css in one line
CSS
0 vote178 views1 answer
Css scroll height if screen too small
CSS
1 vote181 views1 answer
Css no list markers
CSS
47 votes155 views6 answers
Css set text color
CSS
2 votes162 views2 answers
Image rendering values css
CSS
3 votes157 views1 answer
Background image css django
CSS
1 vote145 views1 answer
Css background offset
CSS
1 vote179 views1 answer
Primary hex code
CSS
36 votes174 views2 answers
First-child
CSS
0 vote159 views1 answer
How to resize img in css
CSS