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

1 vote278 views1 answer
Mos css
CSS
0 vote195 views2 answers
Css disabled cursor not allowed
CSS
0 vote199 views1 answer
Media query Tablet and smaller
CSS
28 votes201 views6 answers
Margin
CSS
1 vote204 views1 answer
Css make image gray
CSS
113 votes217 views5 answers
Padding css
CSS
0 vote239 views1 answer
CSS style all div elements
CSS
8 votes215 views4 answers
Text-align attribute in css
CSS
0 vote199 views1 answer
How to make a div in top left in css
CSS
0 vote214 views1 answer
Html css make p div into two lines
CSS