Snippets Collections
.flip-container {
  background: transparent;
  display: inline-block;
}

.flip-this {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-container:hover .flip-this {
  transition: 0.9s;
  transform: rotateY(180deg);
}
star

Tue Jul 27 2021 01:35:38 GMT+0000 (UTC) https://stackoverflow.com/questions/23695090/spin-or-rotate-an-image-on-hover

#css #hover #rotation

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension