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

2 votes200 views1 answer
Blue outline after click when in mobile view
CSS
2 votes205 views2 answers
How to give 2 different background color css
CSS
0 vote204 views1 answer
Textbreak for long text
CSS
0 vote219 views1 answer
100vh doesn't fill the page
CSS
0 vote215 views1 answer
Device-pixel-ratio css
CSS
1 vote212 views1 answer
Which css property is used to change font
CSS
0 vote226 views1 answer
Mat radio button color
CSS
3 votes207 views6 answers
Input disabled css
CSS
0 vote219 views1 answer
How to mirror flip a video tag css
CSS
3 votes216 views2 answers
Css glass effect
CSS