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 vote290 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
1 vote294 views1 answer
Overflow-x hidden meaning in css
CSS
174 votes348 views6 answers
Css background image
CSS
32 votes304 views6 answers
Background image size css
CSS
1 vote352 views1 answer
Content-visibility
CSS
0 vote320 views1 answer
Why margin is not working on label css
CSS
1 vote289 views1 answer
Wave css
CSS
2 votes293 views1 answer
Table add margin between rows
CSS
26 votes293 views10 answers
Bootstrap
CSS
80 votes313 views6 answers
Add css file to html
CSS