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

7 votes299 views2 answers
Html remove border from textarea
CSS
2 votes275 views6 answers
Tailwindcss
CSS
3 votes292 views2 answers
What does em stand for in css
CSS
0 vote269 views2 answers
Make img black and white css
CSS
17 votes294 views3 answers
Text orientation css
CSS
10 votes271 views4 answers
Wp_enqueue_style
CSS
8 votes268 views1 answer
Full screen image
CSS
1 vote262 views1 answer
How to use rgba in css
CSS
14 votes269 views2 answers
Css grid command for responsive design
CSS
0 vote293 views1 answer
React right burger scrol bar
CSS