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 vote128 views1 answer
Erase elements css
CSS
6 votes206 views3 answers
Skeleton css cdn
CSS Skeleton
0 vote131 views1 answer
Css grid first child
CSS
0 vote143 views1 answer
Christmas red color code
CSS
4 votes157 views4 answers
Composer rollback to v1
CSS
0 vote269 views2 answers
Html select image background arrow
CSS
0 vote126 views1 answer
Css speak
CSS
0 vote165 views1 answer
Easyui datagrid header font size
CSS
0 vote133 views1 answer
Css html attribut
CSS
-1 vote129 views1 answer
Neomorphic box
CSS