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 vote240 views1 answer
"graphql.print"
CSS
1 vote227 views1 answer
How to disable margin collapsing
CSS
3 votes228 views2 answers
Form css
CSS
0 vote230 views1 answer
Calc in css fonts
CSS
2 votes226 views1 answer
Basic css table
CSS
0 vote239 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
-1 vote225 views1 answer
Select box arrow hide css in ie
CSS
0 vote167 views1 answer
Css ein bisschen durchsichtig
CSS
2 votes211 views1 answer
How to mirror object through css
CSS
0 vote218 views1 answer
Sass scale color
CSS