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 vote271 views1 answer
@extend must be used with a %placeholder
CSS
0 vote292 views1 answer
Css only style horizontal scrollbar
CSS
2 votes282 views4 answers
Animation timing function css
CSS
6 votes305 views3 answers
Css change background color of page
CSS
0 vote347 views1 answer
Add shadowto container
CSS
0 vote299 views1 answer
Autoprefixer\
CSS
1 vote328 views2 answers
How to align an image left in css
CSS
0 vote298 views2 answers
Color changes in safari css
CSS
8 votes313 views4 answers
Aos css animation
CSS
0 vote396 views1 answer
Foreach and if condition in qweb
CSS