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 vote112 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
0 vote130 views1 answer
Using a Python dict for a SQL INSERT statement
CSS
3 votes132 views1 answer
Top left right bottom css shorthand
CSS
0 vote83 views1 answer
Different :after and ::after
CSS
0 vote119 views1 answer
Comment changer liens quand survolé html
CSS
1 vote160 views2 answers
Center nav bar css
CSS
4 votes134 views3 answers
Glowing text css
CSS
0 vote122 views1 answer
An operation was attempted on something that is not a socket
CSS
2 votes174 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote131 views1 answer
Divi hide header
CSS