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

59 votes283 views1 answer
@media for mobile
CSS
0 vote281 views1 answer
Sass scale color
CSS
2 votes270 views3 answers
Placeholder color default
CSS
8 votes359 views5 answers
Css hover change other element
CSS
0 vote306 views1 answer
Border 1px thick
CSS
0 vote285 views1 answer
Css video poster object-fit
CSS
0 vote288 views1 answer
How to make img cover parent div
CSS
2 votes266 views1 answer
Css how do i remove highlighting
CSS
-2 votes293 views1 answer
Does boxshadow work
CSS
0 vote295 views2 answers
Update Arch Linux
CSS