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

2 votes120 views1 answer
Div not larger than its content
CSS
0 vote103 views1 answer
Text align left in span
CSS
0 vote103 views1 answer
How to remove text highlight on double click
CSS
1 vote167 views1 answer
Button background color remove
CSS
0 vote123 views1 answer
Css template columns and rows
CSS
0 vote169 views1 answer
Ssh into docker container ddev
CSS
0 vote122 views1 answer
Vervaging en verloop css
CSS
1 vote114 views1 answer
Select all class in css
CSS
1 vote131 views1 answer
Border style shorthand
CSS
0 vote126 views1 answer
Html invisible hr
CSS