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

-1 vote118 views1 answer
On class hover another class color change
CSS
48 votes114 views3 answers
Font-size
CSS
0 vote121 views1 answer
Css convert td to tr
CSS
-1 vote134 views1 answer
Bootstrap scrollable modal
CSS
0 vote159 views2 answers
Create react app tailwind css with yarn
CSS
0 vote114 views1 answer
What does it mean when we write width :100%?
CSS
3 votes110 views2 answers
Hr tag customize using css
CSS
3 votes109 views2 answers
How to give shadow to navbar
CSS
9 votes115 views4 answers
Css animation infinite loop
CSS
9 votes138 views1 answer
Textview android text align center
CSS