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 vote201 views1 answer
Purge tailwind css
CSS
0 vote146 views1 answer
How to load css
CSS
0 vote209 views1 answer
No nobr substitute in html
CSS
0 vote185 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS
42 votes185 views5 answers
Npm bootstrap
CSS
1 vote174 views2 answers
Css input border radius focus
CSS
4 votes184 views2 answers
Css zebra
CSS
0 vote188 views1 answer
Text wrap image wordpress css
CSS
1 vote178 views1 answer
Alert without page refresh
CSS
17 votes180 views1 answer
Css align items vertical center
CSS