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 vote214 views1 answer
Remove effect off animation css
CSS
0 vote194 views2 answers
Background shrinks when responsive
CSS
146 votes230 views4 answers
How do i link my css to my html
CSS
0 vote246 views5 answers
Css gradient generator
CSS
0 vote196 views1 answer
Css not loading after clearing chaches asp.net
CSS
2 votes236 views1 answer
Bootstrap dark mode
CSS
0 vote172 views1 answer
Bootstrap create full screen background image
CSS
0 vote205 views1 answer
Tampermonkey custom css
CSS
37 votes188 views2 answers
Rgb yellow color
CSS
149 votes325 views6 answers
Css shadow
CSS