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 votes117 views1 answer
Blue outline after click when in mobile view
CSS
7 votes107 views2 answers
Make images same size css
CSS
1 vote73 views1 answer
Text decoration none doesn't remove underline
CSS
10 votes118 views6 answers
How to install composer on mac
CSS
49 votes113 views6 answers
Min and max width media query
CSS
0 vote141 views1 answer
How to see applications installed by wine cmd
CSS
1 vote125 views2 answers
Css disabled option
CSS
0 vote149 views1 answer
Are the iphone dimensions widht then height
CSS
0 vote130 views2 answers
Wp redirect to https htaccess
CSS
5 votes125 views2 answers
Word spacing css
CSS