Rotate icon on click css

/*it would be easier to do this with CSS transitions:*/

/* CSS */
.rotate{
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

.rotate.down{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*jQuery*/

$(".rotate").click(function(){
    $(this).toggleClass("down"); 
});

Source: stackoverflow.com

Similar codes

81 votes401 views3 answers
Css all uppercase to capitalize
CSS
0 vote373 views1 answer
-webki slider runnable track
CSS
0 vote370 views1 answer
Reference images from css in django
CSS
120 votes498 views3 answers
React import bootstrap css file
CSS Bootstrap
1 vote345 views3 answers
How to stop input from highlighting onclick
CSS
1 vote331 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote357 views1 answer
Remove the dotted border on links
CSS
86 votes375 views3 answers
Css tekst bold
CSS
0 vote384 views1 answer
Twig data uri
CSS
3 votes338 views1 answer
Css sass run
CSS