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 vote202 views1 answer
@keyframes opact
CSS
0 vote183 views1 answer
How to scale down background image in css
CSS
0 vote226 views1 answer
Set number word to new line html
CSS
70 votes199 views4 answers
Css vertical align center
CSS
44 votes176 views6 answers
How to center a div element
CSS
0 vote154 views1 answer
Easyui datagrid header wrap
CSS
1 vote193 views1 answer
On clicking a link it gets red color
CSS
0 vote200 views1 answer
Element selector css
CSS
29 votes188 views4 answers
Css input
CSS
0 vote187 views1 answer
Divi submenu collapse by default
CSS