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

0 vote322 views1 answer
Grandezza caratteri css
CSS
2 votes328 views1 answer
Responsive background image
CSS
0 vote378 views1 answer
How mto change the label font style in css
CSS
4 votes320 views4 answers
Ngclass multiple conditions
CSS
0 vote367 views1 answer
Css input not clickable
CSS
1 vote314 views1 answer
Tailwind hover
CSS
0 vote344 views1 answer
Django html not using css
CSS
2 votes321 views1 answer
Css make something always on top
CSS
22 votes332 views5 answers
Css grid center
CSS
42 votes345 views6 answers
Text overflow css
CSS