javascript - 加载后延迟从左到右缓慢淡入或加载图像？

Question

我有一张叶子藤的图像，我想在延迟（网站完全加载后）后从左到右缓慢加载，以强调和强调我正在开发的网站的口号。我不想为图像设置动画，只是让它看起来好像通过缓慢加载而增长。

有 CSS 解决方案还是更容易使用 Jquery？

非常感谢您的帮助！

Answer 1

我不相信您的查询有 CSS 解决方案。在 Photoshop 中，您可以将 jpeg 或 png 保存为渐进式（隔行扫描），以便它渐进式下载，但除了最慢的链接之外，常规大小的文件似乎会快速加载。

我原以为您最简单的选择是动画 gif - 可以严格控制不透明度和外观大小，您可以将其设置为每次访问仅运行一次。您可以将图像绑定到请求的“站点完全加载后”部分的 jQuery(document).ready() 回调。