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 votes212 views1 answer
Difference between numpy array and matrix
CSS
0 vote184 views1 answer
Losange css
CSS
2 votes192 views1 answer
Ionic install font
CSS
0 vote280 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote191 views1 answer
Tailwind simle navbar"
CSS
8 votes184 views4 answers
How to cover full image in css
CSS
0 vote180 views1 answer
Free hrml css curs
CSS
1 vote174 views1 answer
How to make button appear on hover
CSS
0 vote181 views1 answer
Media queries import file
CSS
7 votes218 views6 answers
Jquery remove css class
CSS