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

8 votes167 views1 answer
Reset submit btn style
CSS
0 vote177 views1 answer
Text slide animation css
CSS
0 vote158 views1 answer
Css margin top responsive
CSS
0 vote162 views1 answer
To make card box appear more bigger when hover
CSS
0 vote172 views1 answer
Css diplay grid text truncate
CSS
0 vote171 views1 answer
Change your cursor
CSS
4 votes167 views2 answers
Change bot description background top.gg
CSS
0 vote199 views1 answer
Button transition
CSS
145 votes222 views6 answers
Add bootstrap to react
CSS
0 vote179 views1 answer
Jquery woocommerce disable add to cart css
CSS