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

6 votes346 views4 answers
Disable click css
CSS
0 vote382 views7 answers
Xle
CSS
2 votes342 views1 answer
Css text black outline
CSS
0 vote422 views1 answer
Auto enable background graphics print settings
CSS
0 vote336 views1 answer
Css ditribute width equealy to child components
CSS
3 votes378 views1 answer
Diable focus button css
CSS
6 votes302 views1 answer
Float css examples
CSS
0 vote371 views1 answer
Html5 video hide timeline bar
CSS
0 vote355 views1 answer
How to transition text color css
CSS
3 votes368 views3 answers
Hide scroll bar when not needed
CSS