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

4 votes132 views3 answers
Install Cors
CSS
5 votes114 views2 answers
Make text not selectable
CSS
2 votes112 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
4 votes130 views5 answers
Placeholder text css
CSS
17 votes133 views3 answers
Rotate image in css
CSS
0 vote117 views1 answer
Remove glow textarea css
CSS
0 vote120 views1 answer
Grandezza caratteri css
CSS
9 votes178 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote164 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
55 votes146 views6 answers
Css margin
CSS