用于翻转图像的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/