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

Question

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

是否有 CSS 解决方案或者使用 Jquery 会更容易？

非常感谢您的帮助!

Answer 1

我认为您的查询没有 CSS 解决方案。在 photoshop 中，您可以将 jpeg 或 png 保存为渐进式(隔行扫描)，以便它可以渐进式下载，但除了最慢的链接之外，常规大小的文件似乎加载速度很快。

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