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

48 votes132 views6 answers
Background color using css
CSS
9 votes139 views3 answers
Css font style
CSS
109 votes139 views6 answers
Position absolute
CSS
18 votes202 views2 answers
Rgba blue colo
CSS
0 vote193 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
0 vote150 views2 answers
Svg as background css
CSS
2 votes152 views1 answer
Css square image
CSS
1 vote130 views1 answer
What is the username password for ftp lampp
CSS
16 votes175 views1 answer
Css text vertical direction
CSS
27 votes142 views3 answers
@keyframes
CSS