我刚在卡片上看到一个简单的动画
The Playing Card Effect
卡片有2个图像"正面"图像和"背面"图像,
单击时,卡沿Z轴旋转
相应地示出正面和背面。
使用HTML5/Canvas/CSS3?可以达到同样的效果吗?
PS:当涉及到HTML5和CSS3的东西时,我完全是新手。
谢谢大家
我刚在卡片上看到一个简单的动画
The Playing Card Effect
卡片有2个图像"正面"图像和"背面"图像,
单击时,卡沿Z轴旋转
相应地示出正面和背面。
使用HTML5/Canvas/CSS3?可以达到同样的效果吗?
PS:当涉及到HTML5和CSS3的东西时,我完全是新手。
谢谢大家
2条答案
按热度按时间6l7fqoea1#
当旋转使卡片显示其背面时,将图形切换到“背面”图形。否则,将图像src设置为正面图形。
你也可以使用setTransform来倾斜html5画布上下文,或者你可以走慢一点的路,手工操作像素数据。
gfttwv5a2#
这不是一个答案,但我看到了什么,我相信你是在谈论实施完成后提交的形式精选在这里:http://sublimevideo.net/
他们的很多CSS和JS都是模糊的,但是从我收集到的信息来看,他们似乎是通过JS类开关来使用webkit转换的。它非常流畅,实际上让我惊讶于它看起来是多么的令人惊叹。希望一些源代码能帮助你。