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 votes202 views1 answer
Resize in css
CSS
39 votes259 views2 answers
Font size x large in css
CSS
3 votes251 views4 answers
How to remove border on button click
CSS
0 vote210 views1 answer
Chrome console remove css dark mode
CSS
0 vote213 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote206 views1 answer
Over to remove padding css
CSS
1 vote210 views1 answer
Disable highlighting text in CSS.
CSS
64 votes195 views3 answers
How to use variables in css
CSS
12 votes229 views5 answers
Responsive font size
CSS
6 votes257 views4 answers
Change input border color when selected
CSS