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 vote202 views1 answer
Box-sizing border-box vs content-box css
CSS
0 vote201 views1 answer
Div set text colo0r
CSS
0 vote161 views1 answer
New margin property css 2021
CSS
2 votes196 views1 answer
Css rounded corners at top only
CSS
3 votes188 views1 answer
Trash icon in fontawesome
CSS
0 vote196 views1 answer
Change option tag css
CSS
0 vote189 views1 answer
Transition all ease 0.3s
CSS
0 vote197 views1 answer
Gmail auto rewize dont
CSS
0 vote182 views1 answer
Space between span and svg in css
CSS
0 vote184 views1 answer
Locale_translation_projects_alter
CSS