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 vote229 views3 answers
Bootstrap grid only css npm install
CSS
0 vote222 views10 answers
BEST PLACE TO FIND CSS CODES
CSS
22 votes238 views4 answers
Centering with flexbox
CSS
5 votes228 views1 answer
Hidden elements blinking on hover
CSS
-1 vote260 views1 answer
Critical css
CSS
6 votes233 views6 answers
Css word break
CSS
2 votes229 views1 answer
Css minmax
CSS
0 vote252 views1 answer
Adding diffent style in firefox css
CSS
0 vote231 views1 answer
Css video background
CSS
4 votes231 views2 answers
Css trim text
CSS