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

3 votes327 views6 answers
Input disabled css
CSS
0 vote358 views1 answer
Codemirror resizable
CSS
0 vote359 views1 answer
Profile page html css template
CSS
0 vote426 views1 answer
How to slow down hover effect css
CSS
0 vote346 views1 answer
What is bulletproof buttons
CSS
0 vote341 views1 answer
Control one swiper with other
CSS
0 vote360 views1 answer
Transform on click
CSS
0 vote330 views1 answer
Change image link css
CSS
0 vote344 views1 answer
Firefox-scroll-css
CSS
2 votes385 views1 answer
Check if input is empty css
CSS