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

0 vote171 views1 answer
Bootsrap view only landscape
CSS
0 vote214 views1 answer
Nokogiri xml diff
CSS
0 vote142 views1 answer
Css content from data attribute
CSS
2 votes168 views1 answer
Css text dont select
CSS
40 votes146 views2 answers
All.min.css cdn
CSS
3 votes154 views2 answers
Ignore cache pip
CSS
1 vote146 views1 answer
Css color of input
CSS
-2 votes308 views1 answer
Css add a shadow beneath text
CSS
14 votes176 views4 answers
Text align left bootstrap
CSS
0 vote154 views1 answer
React bootstrap carousel not working
CSS