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 vote342 views1 answer
Write text in one line css
CSS
134 votes348 views6 answers
Remove background from image
CSS
1 vote370 views1 answer
Vertical line between two divs
CSS
164 votes412 views6 answers
Box-shadow css
CSS
50 votes330 views3 answers
How to center in absolute position
CSS
0 vote332 views1 answer
Hide scroll bar and show when hover with small size
CSS
60 votes355 views4 answers
Hide scroll bar for a dive
CSS
20 votes309 views5 answers
Background color transparent opacity css
CSS
0 vote341 views1 answer
Hide navbar css
CSS
0 vote321 views1 answer
Laravel load css from public
CSS