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

-1 vote313 views1 answer
Most essential css elements
CSS
0 vote349 views1 answer
Square with 2 colors css
CSS
3 votes334 views6 answers
Uncaught TypeError: $ is not a function
CSS
38 votes380 views6 answers
Rotate image css
CSS
61 votes345 views6 answers
Center text in css
CSS
33 votes254 views21 answers
Laravel clear cache
CSS
0 vote335 views1 answer
Break table for printing
CSS
0 vote336 views2 answers
Align ionic icons and text css
CSS
0 vote341 views1 answer
Options for DNSSEC verification of other zones
CSS
83 votes366 views2 answers
Css text transform
CSS