Make logo rotate on hover / click #36

Closed
opened 5 years ago by 1nicerOli · 0 comments
Owner
img {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
img:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
<img src="https://i.stack.imgur.com/BLkKe.jpg" width="100" height="100"/>
``` img { border-radius: 50%; -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; } img:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); } <img src="https://i.stack.imgur.com/BLkKe.jpg" width="100" height="100"/> ```
1nicerOli added the
Improvement
label 5 years ago
1nicerOli added the
Done
label 5 years ago
1nicerOli closed this issue 5 years ago
Sign in to join this conversation.
No Milestone
No Assignees
1 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.