Breaking News: Grepper is joining You.com. Read the official announcement!

rotate icon on click css

Doge Amazedo answered on July 5, 2021 Popularity 9/10 Helpfulness 7/10

answer rotate icon on click css

rotate icon on click css

Comment

/*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"); 
});

Popularity 9/10 Helpfulness 7/10 Language css

Source: stackoverflow.com

Tags: click css

Link to this answer
Share Copy Link