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

9 votes226 views2 answers
Css percent scale checkbox
CSS
0 vote233 views1 answer
Function for style your theme wordpress php
CSS
200 votes330 views6 answers
Background image
CSS
1 vote210 views1 answer
How to create a semi circle in css
CSS
0 vote224 views1 answer
Options for DNSSEC verification of other zones
CSS
5 votes223 views2 answers
Style disabled button
CSS
16 votes260 views2 answers
Css not last child
CSS
0 vote243 views1 answer
How to add font otf format in html
CSS
36 votes187 views6 answers
Css color
CSS
-1 vote281 views2 answers
Navigation bar css
CSS