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 vote152 views1 answer
Background affter layer css
CSS
6 votes145 views2 answers
Space between flexbox
CSS
0 vote196 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote157 views1 answer
Flex box writing sideways text top to bottom
CSS
1 vote143 views1 answer
Duplicate box-shadow on element inner and outer
CSS
71 votes166 views6 answers
Css center image
CSS
7 votes135 views3 answers
Text unselectable css
CSS
1 vote137 views1 answer
Html how to use a background image fill not stretch
CSS
-1 vote108 views1 answer
Html flex direction
CSS
2 votes142 views2 answers
Aspect ratio css
CSS