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

2 votes105 views1 answer
Add image ::before css
CSS
8 votes105 views1 answer
Remove botton styles
CSS
0 vote98 views1 answer
Css media queries if else
CSS
0 vote120 views1 answer
Css nearest neighbor
CSS
0 vote101 views1 answer
Load hidden image to HTML
CSS
36 votes125 views6 answers
Css gradient
CSS
1 vote109 views1 answer
Css background rainbow
CSS
1 vote96 views2 answers
Button width based on text csss
CSS
2 votes110 views1 answer
Select dropdown icon change
CSS
0 vote94 views1 answer
How blend two backgrounds css and isolate content
CSS