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 vote131 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
2 votes138 views1 answer
Basic css table
CSS
0 vote149 views1 answer
Use PurifyCSS with hugo
CSS
10 votes164 views3 answers
Hiding text css and leaving whitespace
CSS
1 vote132 views1 answer
Css fade in and stay
CSS
0 vote165 views1 answer
How to disable li points
CSS
0 vote170 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
29 votes174 views4 answers
@font-face css
CSS
0 vote142 views1 answer
Gulp association of files
CSS
0 vote159 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS