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

4 votes331 views1 answer
Png shadow css
CSS
-1 vote281 views1 answer
Css tricks position
CSS
0 vote294 views1 answer
Remove required effect in css
CSS
1 vote286 views1 answer
Right-align in vbox
CSS
18 votes302 views8 answers
Vscode
CSS
0 vote304 views1 answer
Prevent bounce scroll css
CSS
60 votes293 views3 answers
Adding shadow to a div
CSS
0 vote245 views1 answer
Select multiple id css
CSS
-1 vote271 views1 answer
How to make div possion top in css
CSS
8 votes318 views4 answers
Aos css animation
CSS