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 vote104 views1 answer
Html min width
CSS
0 vote108 views5 answers
What is the difference between relative and absolute css
CSS
1 vote111 views1 answer
How to set media query for both width and height in css
CSS
5 votes108 views1 answer
Cursor as image css
CSS
0 vote116 views1 answer
Css offset border
CSS
2 votes67 views1 answer
How to align button horizontally in css
CSS
0 vote109 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
2 votes111 views2 answers
Adding background image to a div css
CSS
12 votes109 views3 answers
Sticky header css
CSS
0 vote100 views2 answers
Wp query using the_post
CSS