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

202 votes308 views6 answers
How to reference a css file in html
CSS
1 vote141 views2 answers
Hover border bottom css fixed
CSS
0 vote139 views1 answer
Css flex add second row
CSS
0 vote128 views2 answers
Get all tables laravel
CSS
0 vote132 views1 answer
Media screen tablet
CSS
4 votes130 views2 answers
Gap between two flex items
CSS
9 votes135 views3 answers
Bootstrap badge color
CSS
0 vote135 views1 answer
Scss color black white
CSS
-2 votes144 views1 answer
How to add a button in html and css
CSS
0 vote138 views1 answer
How to use formailze me ?
CSS