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

134 votes211 views6 answers
Remove background from image
CSS
36 votes144 views6 answers
Css color
CSS
3 votes153 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
27 votes170 views1 answer
How to use gradient as text color
CSS
1 vote149 views2 answers
Css color black
CSS
4 votes124 views1 answer
Disable input filed
CSS
0 vote167 views1 answer
Vendor css
CSS
0 vote152 views1 answer
Rotate font css 90º
CSS
0 vote154 views1 answer
Css convert td to tr
CSS
0 vote162 views2 answers
Can i use css in react native
CSS