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 vote132 views1 answer
Nmap output ip only
CSS
0 vote201 views1 answer
Codemirror resizable
CSS
7 votes137 views2 answers
Max z-index value css
CSS
1 vote139 views1 answer
Cmd hash file
CSS
0 vote142 views1 answer
Css last item should be flex end
CSS
0 vote138 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
0 vote148 views1 answer
Css cursor loading
CSS
2 votes129 views1 answer
Css disable dropdown on input
CSS
-1 vote164 views1 answer
Critical css
CSS
0 vote133 views1 answer
Resource interpreted as Document but transferred with MIME type application/zip\
CSS