jquery - 翻转图像的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 带回位置 iam 从 img 中删除这两个类，但是，我的问题是有时我看到 3D 过渡效果，有时我看不到它，但图像被翻转。

问题是什么。？？？

Answer 1

仅删除带有 的类，transform它就可以正常工作。

我认为问题在于您正在删除给元素过渡的类，所以如果元素没有过渡，它只会改变，没有过渡，清楚吗？

在这里，您有一个小提琴，其中第一个图像具有过渡，而另一个则没有：http: //jsfiddle.net/EYWwu/