垂直3d翻转效果

时间:2012-11-05 21:09:09

标签: jquery html5 css3

我需要像"flipclock"一样创建一个垂直的3D效果
而不是有一个数字,我有一个图片:上半部分必须在下半部分翻转3d翻转,反之亦然。
背面包含新图片的一半,因此结果是当动画我有一个全新的图像,就像从包含数字'3'的图像的两半翻转的时钟,例如到包含数字'4'的图像的两半。
enter image description here
从图片1到图片2,我只需要一次翻转,而不是一遍又一遍的时钟 您是否知道此问题可以使用的任何代码? jquery pluging对我的需求是最好的。
我google了很多,但发现只有水平翻转有卷曲效果,像书翻页,这不是我的情况。
感谢

2 个答案:

答案 0 :(得分:1)

看看您是否需要:Apple style counter revisited

答案 1 :(得分:0)

我从这个页面开始解决了: http://css3playground.com/flip-card.php