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

17 votes216 views4 answers
Li remove dot css
CSS
1 vote169 views1 answer
Css selector start with
CSS
92 votes167 views5 answers
Bootstrap primary color code
CSS
1 vote181 views1 answer
How to set the first column of the table in center in css
CSS
33 votes150 views4 answers
Css background collor
CSS
1 vote215 views2 answers
Input autocomplete css color
CSS
0 vote172 views1 answer
Css good border color
CSS
79 votes199 views6 answers
Css media query
CSS
2 votes198 views1 answer
Https request
CSS
49 votes184 views5 answers
Css first
CSS