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

2 votes144 views1 answer
Css tricks transition
CSS
0 vote269 views1 answer
Css only if both classes
CSS
0 vote150 views1 answer
Tailwind css image grid
CSS
1 vote150 views1 answer
Sf pro font html
CSS
3 votes168 views1 answer
Css second td in table
CSS
-1 vote137 views2 answers
Bootstrap 4 popover content from div
CSS
19 votes152 views6 answers
Css text border
CSS
1 vote154 views2 answers
Css disabled option
CSS
0 vote151 views1 answer
Best os for programming
CSS
0 vote160 views1 answer
Css prevent text wrap
CSS