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 vote173 views1 answer
Css() multiple
CSS
11 votes189 views2 answers
Scss include
CSS
0 vote155 views1 answer
Como fazer listrada css
CSS
0 vote178 views1 answer
New line ::after class
CSS
0 vote195 views1 answer
React use global css
CSS
0 vote138 views1 answer
New margin property css 2021
CSS
37 votes178 views1 answer
Placeholder font size css
CSS
0 vote169 views1 answer
Text overlay animation css
CSS
5 votes192 views2 answers
Css transform transition
CSS
8 votes182 views2 answers
Css border bottom
CSS