0

当谈到 Javascript 和画布和其他东西时,我是一个完整的新手,但我有这个图像 (1920x1080),我想做的是当有人将鼠标悬停在它倾斜的图像上时。

因此,如果我将鼠标移动到图像的顶部,那么看起来图像的底部朝我伸出,顶部进入文档。如果我将鼠标向右移动,左侧会出现一点,而右侧会进入文档。

像这样,http://www.simpleviewer.net/tiltviewer/app/只是更微妙而不是在 Flash 中。

这个例子是用 JavaScript 完成的,但我不知道怎么做,我不能完全阅读源代码,我不想撕掉源代码 http://mrdoob.com/97/depth_of_field

我不知道从哪里开始,甚至不知道如何开始,我现在只是潜入 Javascript 的更高级部分,所以任何帮助/建议将不胜感激。

4

1 回答 1

0

这是我刚做的一个demo。您可以更改其中的值。

-webkit-transform:  skewX(30deg);

至 40 度

尝试将鼠标悬停在猫图像上。

http://jsfiddle.net/B8FSb/

基本上,您需要了解 css 转换和 css 转换才能执行您提到的演示应用程序。

https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_transitions

于 2013-02-27T10:02:36.837 回答