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 vote206 views1 answer
Sass mixin breakpoint
CSS
1 vote190 views3 answers
Tag php
CSS
1 vote232 views1 answer
Css only select parent
CSS
12 votes197 views2 answers
Css not first child
CSS
0 vote194 views3 answers
Style highlight css
CSS
38 votes183 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
0 vote207 views1 answer
Restore mariadb from bz2 file cli
CSS
1 vote293 views1 answer
Scss percentage
CSS
0 vote203 views1 answer
Why margin is not working on label css
CSS
20 votes192 views6 answers
Gradient background image
CSS