緩慢淡入或加載圖像從左到右與後加載延遲？

我有一張藤葉的圖片，我想在延遲（網站完全加載後）後從左向右緩慢加載，以強調並強調我正在處理的網站的口號。我不想製作圖像的動畫，只是通過慢慢加載來使它看起來好像在增長。緩慢淡入或加載圖像從左到右與後加載延遲？

有沒有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

緩慢淡入或加載圖像從左到右與後加載延遲？

回答

相關問題