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 vote278 views1 answer
Vue import css scoped
CSS
0 vote294 views1 answer
Css user select none
CSS
22 votes284 views3 answers
Css disable text select
CSS
0 vote297 views2 answers
Showing two iframes side by side
CSS
0 vote292 views1 answer
How to background in modal css html and closee th modal with background
CSS
0 vote296 views1 answer
Gmail auto rewize dont
CSS
0 vote285 views2 answers
Mat-select-panel-wrap change position
CSS
1 vote283 views1 answer
Scroll-behavior not working
CSS
0 vote283 views1 answer
Moving nested element up css
CSS
1 vote305 views1 answer
Css system default font
CSS