html - 在页面悬停时旋转 Y

Question

我试图让图像在悬停时在 Y 轴上旋转。我有以下代码适用于 -moz- 但不适用于 -webkit- 或 -o-。我错过了什么吗？

.spin-logo {
  height: 450px;
  margin: 0 auto;
  -moz-transition: transform 2000ms ease 0s;
  -o-animation: transform  2000ms ease 0s;    
  -webkit-animation: transform 2000ms ease 0s;
  animation: animation 2000ms linear ease 0s;
}
.spin-logo:hover {
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

Answer 1

我想我需要仔细观察一下。需要将 -o-animation: 和 -webkit-animation 更改为过渡。问题解决了。