javascript 在HTML5 - Flip卡中沿着Z轴旋转

9rnv2umw  于 2023-01-16  发布在  Java
关注(0)|答案(2)|浏览(127)

我刚在卡片上看到一个简单的动画
The Playing Card Effect
卡片有2个图像"正面"图像和"背面"图像,
单击时,卡沿Z轴旋转
相应地示出正面和背面。
使用HTML5/Canvas/CSS3?可以达到同样的效果吗?
PS:当涉及到HTML5和CSS3的东西时,我完全是新手。
谢谢大家

6l7fqoea

6l7fqoea1#

当旋转使卡片显示其背面时,将图形切换到“背面”图形。否则,将图像src设置为正面图形。
你也可以使用setTransform来倾斜html5画布上下文,或者你可以走慢一点的路,手工操作像素数据。

gfttwv5a

gfttwv5a2#

这不是一个答案,但我看到了什么,我相信你是在谈论实施完成后提交的形式精选在这里:http://sublimevideo.net/
他们的很多CSS和JS都是模糊的,但是从我收集到的信息来看,他们似乎是通过JS类开关来使用webkit转换的。它非常流畅,实际上让我惊讶于它看起来是多么的令人惊叹。希望一些源代码能帮助你。

相关问题