页面悬停时旋转Y.

时间:2018-03-25 04:12:45

标签: html css transform

我正在尝试在悬停时在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);
}

1 个答案:

答案 0 :(得分:-1)

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