更改潜水器一侧的高度

change height of one side of div

本文关键字：高度潜水更新时间：2023-09-26

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

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

最好的办法是使用多个图像制作动画并对其进行更改。

如果不需要支持较旧的浏览器，可以使用css"transform"属性。

看看w3c规范|mozilla-dev，也看看这个教程：css 3d教程系列。

旧浏览器的另一种解决方案是画布，它更受支持（仍然不是所有浏览器都支持）。

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