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

5 votes285 views3 answers
Back color rbg
CSS
1 vote244 views1 answer
Bolock rotating the screen on your website with css
CSS
0 vote261 views1 answer
Avoid side scrolling css
CSS
0 vote259 views1 answer
Increase the distance between paragraphs css
CSS
0 vote212 views2 answers
Vertically and horizontally center a fixed div
CSS
0 vote221 views1 answer
Css varianbes
CSS
0 vote226 views2 answers
Media Query Smartphone Portrait
CSS
1 vote245 views1 answer
Why is my css code not working
CSS
1 vote246 views1 answer
Css stylistic alternates
CSS
4 votes234 views1 answer
How to move anything left in css
CSS