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

29 votes283 views3 answers
How to remove scrollbar in css
CSS
18 votes284 views5 answers
Col-md-6 bootstrap
CSS
0 vote333 views1 answer
Html datalist css style
CSS
22 votes252 views2 answers
Disable highlight css
CSS
0 vote286 views1 answer
Angular scss doesn't work backgorund
CSS
0 vote294 views1 answer
Css 4 3 ratio
CSS
0 vote272 views1 answer
Wrap text around circle image css
CSS
20 votes297 views3 answers
Text overflow ellipsis two lines
CSS
0 vote282 views1 answer
How to make a flex container full page
CSS
128 votes272 views5 answers
Randint
CSS