css类翻转图像

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

.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过渡效果，有时候我没有看到它，但图像被翻转了。

是什么问题。

来源

2013-05-27 anam

你能与您的代码中添加[的jsfiddle（http://jsfiddle.net/）吗？ – Chango

删除只有transform类，它会工作得很好。

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

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

来源

2013-05-27 06:11:29 Chango

我的问题是..我已经在图像滑块中使用这个类..所以用户点击下一张图片将其滑动到中心位置。图像是不必要的，然后来中心..我在浏览器中检查所以imgnew类是有图像..多数民众赞成的原因，我是removin imgnew – anam

我不理解你的问题，你可以张贴一些代码在jsfiddle吗？ – Chango

css类翻转图像

回答

相关问题