css3 rotateX in中的一个chrome bug:之前

时间:2013-12-02 04:45:00

标签: css3 google-chrome

我在this website

中找到了有用的转换

windows 7chrome 31.0.1650.57 m很好!但在:

window XPchrome 31.0.1650.57 mchrome 21.0.1180.89奇怪的动画发生

这主要是代码

.cl-effect-2 a span {
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.cl-effect-2 a span::before {
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
这是chrome中的错误吗?或者我该如何修理它!谢谢!!!

0 个答案:

没有答案