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

16 votes191 views3 answers
Sass install
CSS
0 vote211 views1 answer
Animated display css
CSS
1 vote197 views1 answer
Flexbox align or justify one single item
CSS
1 vote213 views1 answer
How to make div scrollable horizontal
CSS
0 vote203 views1 answer
Css transparent input text box
CSS
0 vote241 views4 answers
Scale down image css
CSS
1 vote211 views1 answer
Linkedin color hez
CSS
0 vote203 views1 answer
Start a css file
CSS
53 votes198 views6 answers
How to underline text in css
CSS
9 votes205 views1 answer
Vevo playlist
CSS