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 vote292 views2 answers
Popular class name layouts
CSS
-1 vote259 views1 answer
Span size css
CSS
0 vote228 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
43 votes272 views4 answers
What is a max and min width media query
CSS
0 vote288 views1 answer
Bootstrap modal overflow
CSS
83 votes284 views4 answers
Css placeholder color
CSS
-1 vote268 views1 answer
Mainframe courses udemy
CSS
-2 votes284 views1 answer
Change icon color to gradient css
CSS
1 vote261 views2 answers
Css focus border radius
CSS
49 votes288 views3 answers
Center absolute element css
CSS