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 vote76 views1 answer
Visited css
CSS
0 vote133 views4 answers
Select2 make previously selected options non deletable
CSS
0 vote130 views1 answer
100vh doesn't fill the page
CSS
16 votes125 views2 answers
Css not last child
CSS
1 vote124 views1 answer
Css selector with text content
CSS
0 vote160 views1 answer
Css beutify scroller
CSS
0 vote126 views1 answer
Color custom css use in laravel
CSS
0 vote135 views1 answer
Drupal 8 Notice: Trying to get property
CSS
1 vote121 views2 answers
How to set thickness of hr in html
CSS
1 vote134 views1 answer
Css different sreen size
CSS