javascript - 禁用 img 缩放/调整大小？ (如何获得 "reveal effect"？)

Question

我有一个 img 元素。但是我想在增加宽度的同时关闭它的调整大小“能力”。

这是一个动画，让我从左到右慢慢地显示图像。

但是如果调整宽度/缩放到宽度，它看起来不像图像在慢慢显示，但看起来它的宽度在慢慢增加，这不是我想要的。

我正在使用 javascript 来增加宽度，有没有办法关闭图像调整大小？也许我可以将 css display 或 position 设置为某些东西？

我只为 iPad 开发，所以我最好的解决方案是 CSS3 属性或 HTML5 方法。

Answer 1

这实际上很像 another question from today .

你可以把你的图片放在一个div中；给 div 样式

overflow:hidden; 
width:0px;

然后将 div 的宽度动画化为图像的整个宽度，它会从左到右慢慢显示。