我创建了这两个类来翻转图像。
.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 过渡效果，有时我看不到它但图像被翻转了。
问题是什么？？？
最佳答案
只删除带有transform 的类，它将正常工作。
我认为问题在于您删除了向元素提供过渡的类，所以如果元素没有过渡，它只是更改，没有过渡，清楚吗？
这里有一个 fiddle ，其中第一个图像有过渡而另一个没有:http://jsfiddle.net/EYWwu/
关于jquery - 翻转图像的CSS类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16767189/