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 vote206 views1 answer
How to add css to alt attribute text
CSS
1 vote246 views1 answer
Css selector start with
CSS
1 vote182 views1 answer
Ionic ios remove button appearance
CSS
88 votes190 views6 answers
Css border radius
CSS
0 vote200 views1 answer
Cmd batch application position windows script -cmdow
CSS
-1 vote247 views6 answers
How to comment in css
CSS
0 vote202 views2 answers
How to give text stroke in css
CSS
2 votes237 views1 answer
Contenteditable new line
CSS
-1 vote213 views3 answers
How to align list to the centre in css
CSS
0 vote192 views1 answer
Alinhar ao centro align item css
CSS