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 vote232 views1 answer
Acf wysiwyg height
CSS
0 vote251 views2 answers
Hide Categories - Woocommerce Product Page
CSS
1 vote257 views1 answer
Scroll bar on border radius element css
CSS
1 vote229 views1 answer
Button background color remove
CSS
0 vote229 views1 answer
Css background half one color the other half another color
CSS
0 vote273 views1 answer
Input text only css
CSS
0 vote257 views1 answer
Remove double quotes from string kotlin
CSS
5 votes245 views1 answer
Css animate flashing
CSS
3 votes257 views6 answers
Htaccess
CSS
1 vote231 views1 answer
Blur edges css
CSS