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 vote238 views1 answer
Separar letras en css
CSS
0 vote204 views1 answer
Font size clamp generator
CSS
9 votes196 views3 answers
Fix textarea size
CSS
0 vote186 views1 answer
Border box reset
CSS
10 votes192 views1 answer
Rotate image css mdn
CSS
0 vote202 views1 answer
Flot css mdn
CSS
0 vote229 views1 answer
How to disable li points
CSS
0 vote200 views1 answer
Value error w2 should be positive but is
CSS
0 vote203 views1 answer
Switch css with text
CSS
53 votes184 views6 answers
How to underline text in css
CSS