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

0 vote133 views1 answer
Css grow
CSS
3 votes143 views1 answer
Set svg background color css
CSS
0 vote144 views1 answer
Placer balise p a la suite
CSS
0 vote137 views1 answer
Hiding button border when clicked
CSS
2 votes148 views1 answer
Contenteditable new line
CSS
0 vote230 views1 answer
Flex starty
CSS
1 vote320 views1 answer
Scss linear gradient not working
CSS
0 vote135 views1 answer
How to set color of instagram css
CSS
38 votes141 views5 answers
Css roboto font
CSS
31 votes146 views6 answers
Overflow
CSS