用于翻转图像的css类

Question

我使用创建这两个类来翻转图像。

.imgnew
{
 -webkit-transform-style:preserve-3d;
 -webkit-transition:all 1.0s linear;
 transform-style:preserve-3d;
 transition:all 1.0s linear

}

.transition
{
 -webkit-transform:rotateY(180deg);
 transform:rotateY(180deg);

}

这两个css文件。当用户点击图像时，我将图像添加到这个2类，因此图像是翻转的。再次把img带回到我从img移除这两个类的位置，但是，我的问题是有一段时间我看到3D过渡效果，有些时候我没有看到它但图像被翻转。

问题是什么。???

Answer 1

只删除带有transform的课程，它会正常工作。

我认为问题在于你正在删除那个过渡到元素的类，所以如果元素没有转换它只是改变，没有转换，它是否清楚？

这里有一个小提琴，其中第一张图片有过渡而另一张没有：http://jsfiddle.net/EYWwu/