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

2 votes165 views1 answer
Html css class id
CSS
0 vote134 views1 answer
Cursor color change
CSS
45 votes210 views3 answers
Collapse all code vscode
CSS
4 votes181 views1 answer
Clealyrun
CSS
2 votes172 views2 answers
Details transition css
CSS
2 votes186 views4 answers
Css image sharpen
CSS
2 votes179 views2 answers
Css glow on hover
CSS
1 vote144 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
0 vote174 views1 answer
Css highlight element
CSS
0 vote170 views1 answer
Css unlock scroll
CSS