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 vote216 views1 answer
Css fadeIn opacity transition
CSS
8 votes215 views6 answers
Background image overlay
CSS
6 votes221 views3 answers
.row bootstrap
CSS Bootstrap
7 votes223 views3 answers
Css right
CSS
0 vote223 views1 answer
Padding 2 values how would be they applied
CSS
0 vote235 views1 answer
Css 2 images side by side to stack
CSS
0 vote256 views1 answer
Dropdown size based on text
CSS
0 vote239 views1 answer
Style input type range shaded part only
CSS
2 votes215 views2 answers
Css change image color
CSS
1 vote236 views1 answer
Overflow text newline
CSS