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 vote400 views1 answer
Why we are translating -50%, -50% in css
CSS
-1 vote367 views2 answers
Css clip-path
CSS
6 votes382 views3 answers
Print media css
CSS
1 vote351 views1 answer
Tailwind hover
CSS
0 vote374 views2 answers
Remove unused css styles
CSS
0 vote341 views1 answer
Css class and attribute selector
CSS
0 vote361 views1 answer
Css distance between text and input box
CSS
3 votes368 views1 answer
Css edit scroll bar
CSS
0 vote354 views1 answer
Html print page break
CSS
0 vote409 views1 answer
Reindent sublime
CSS