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 vote128 views1 answer
How to remove default styling of a tag
CSS
8 votes115 views4 answers
Css fill div with background image
CSS
37 votes103 views2 answers
Css transform y
CSS
0 vote156 views1 answer
Linux remove latst 3 files
CSS
71 votes123 views6 answers
How to center items in css
CSS
0 vote124 views1 answer
Map find link href element click
CSS
1 vote122 views2 answers
Inline border css reactjs
CSS
0 vote156 views1 answer
Twig language name
CSS
0 vote114 views1 answer
Get clicked position javascript image
CSS
0 vote109 views1 answer
Putting picture shaddow in css
CSS