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 vote201 views4 answers
Tailwind to css converter
CSS
0 vote202 views1 answer
Restore mySQL database from .bz2
CSS
0 vote204 views1 answer
Target element pseudo-classes
CSS
0 vote206 views1 answer
Css flex add second row
CSS
0 vote203 views1 answer
How to make div width auto adjust
CSS
54 votes270 views6 answers
Import font in css
CSS
1 vote188 views1 answer
Css table grid
CSS
69 votes200 views4 answers
White rgb
CSS
66 votes216 views6 answers
How to center a div with position absolute
CSS
0 vote192 views1 answer
How blend two backgrounds css and isolate content
CSS