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

3 votes227 views2 answers
Confirm on delete
CSS
17 votes185 views1 answer
Css opacity example
CSS
5 votes180 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote207 views1 answer
Circle css animation
CSS
1 vote175 views1 answer
Michigan score
CSS
9 votes189 views4 answers
Css animation shorthand
CSS
6 votes142 views1 answer
Float css examples
CSS
0 vote161 views1 answer
Select multiple id css
CSS
7 votes206 views2 answers
Css change link color in class
CSS
0 vote172 views1 answer
Hide navbar css
CSS