javascript - 改变div一侧的高度

Question

我正在尝试制作开门效果的动画。是否有任何已知的算法可以做到这一点？如果不是，我需要更改一个矩形 div，使右侧比左侧长，连接 div 右侧和左侧的顶线和底线将是对角线，并且 div 的内容按比例拉伸。有没有办法像这样改变div的高度属性？

Answer 1

如果您不需要支持较旧的浏览器，您可以使用 css“转换”属性。

看看w3c 规范| mozilla dev，以及本教程：css 3d tutorial series。

旧浏览器的替代解决方案是canvas，它更受支持（仍然不是在所有浏览器中）。

如果你需要支持几乎所有的浏览器，你可以使用 flash，但我真的不建议这样做。

Answer 2

您可以使用 CSS Transform 来实现，但它不支持旧版浏览器。这是一个很好的教程：http: //24ways.org/2010/intro-to-css-3d-transforms/

您最好的选择是使用多张图像制作动画并更改它们。