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

93 votes343 views6 answers
Css center image in div
CSS
1 vote271 views1 answer
Html hide text if too long
CSS
22 votes342 views5 answers
Grid center
CSS
0 vote343 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS
1 vote327 views1 answer
Load css file flask
CSS
0 vote337 views2 answers
Wp redirect to https htaccess
CSS
0 vote312 views1 answer
Devextreme css
CSS
0 vote329 views1 answer
This syntax requires an imported helper but module 'tslib' cannot be found.
CSS
37 votes685 views6 answers
Overflow in css
CSS
6 votes326 views2 answers
Css grid full width row
CSS