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 vote172 views1 answer
Comentarios en archivo scss
CSS
0 vote176 views1 answer
Options for DNSSEC verification of other zones
CSS
67 votes172 views3 answers
St. Patrick's Day
CSS
145 votes198 views6 answers
Add bootstrap to react
CSS
0 vote162 views1 answer
Css tricks stretch content full witdh
CSS
0 vote166 views1 answer
Details summary not open css
CSS
0 vote172 views2 answers
Write mode css
CSS
0 vote186 views2 answers
Wow.js
CSS
6 votes198 views1 answer
All text in caps using css
CSS
0 vote172 views2 answers
Css combinators
CSS