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 vote259 views1 answer
Css vw scrollbar
CSS
0 vote280 views1 answer
Bring element to front css
CSS
4 votes300 views4 answers
Conditionally assign a css class angular 9
CSS
2 votes262 views1 answer
Size carousel bootstrap 4
CSS
0 vote287 views2 answers
Scrolling banner
CSS
0 vote273 views1 answer
Absolute vertical middle quasar
CSS
6 votes274 views2 answers
How to wrap text in div css
CSS
0 vote281 views1 answer
Css columns
CSS
0 vote237 views1 answer
Cs cart ty-no-image__icon ty-icon-image
CSS
6 votes277 views2 answers
Remove button default border css
CSS