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

我有一张藤叶的图片，我想在延迟（网站完全加载后）后从左向右缓慢加载，以强调并强调我正在处理的网站的口号。我不想制作图像的动画，只是通过慢慢加载来使它看起来好像在增长。缓慢淡入或加载图像从左到右与后加载延迟？

有没有CSS解决方案，还是会更容易使用JQuery？

非常感谢您的帮助！

来源

2013-08-03 slothzen

请解释“增长”和“加载速度慢”的含义。 – MaxArt

我只想让图像以非常特定的方式生成。这是一条线------------并且围绕该线是一个藤蔓。我希望随着时间的推移加载线，然后葡萄藤随着时间的推移加载，以创造葡萄藤生长的效果或感觉。没什么好看的... – slothzen

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

我原以为你最简单的选择是一个GIF动画 - 不透明度和表观大小可以严格控制，你可以设置它只能运行一次访问。您可以将图像绑定到jQuery（document）.ready（）回调中，以便“在站点完全加载”请求的一部分之后。

来源

2013-08-03 16:25:10 SaminOz

当然！很简单的解决方案有关如何构建gif的任何建议？ – slothzen

我在photoshop中为动画gifs工作，所以：window-> animation会给你动画面板。这里有一个教程：[链接]（http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-animate-a-gif-inside-of-photoshop-cs4/） – SaminOz

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

回答

相关问题