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 vote164 views1 answer
All heading tags selector scss
CSS
2 votes143 views2 answers
Slick arrow css
CSS
17 votes157 views4 answers
Li remove dot css
CSS
0 vote186 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
1 vote134 views1 answer
Css > symbol
CSS
0 vote131 views1 answer
Html align svg to text
CSS
0 vote135 views1 answer
Text weaving animation in css
CSS
0 vote153 views1 answer
Css clamp vs media queries
CSS
0 vote145 views1 answer
Changer couleur liens cliqués css
CSS
1 vote152 views1 answer
Bolock rotating the screen on your website with css
CSS