私が取り組んでいるウェブサイトのスローガンに下線を引いて強調するために、遅れて(サイトが完全にロードされた後)左から右にゆっくりとロードしたい葉のつるのイメージがあります。画像をアニメーション化するのではなく、ゆっくりと読み込んで成長しているように見せたいだけです。
CSS ソリューションはありますか、それとも Jquery を使用する方が簡単ですか?
助けてくれてありがとう!
私が取り組んでいるウェブサイトのスローガンに下線を引いて強調するために、遅れて(サイトが完全にロードされた後)左から右にゆっくりとロードしたい葉のつるのイメージがあります。画像をアニメーション化するのではなく、ゆっくりと読み込んで成長しているように見せたいだけです。
CSS ソリューションはありますか、それとも Jquery を使用する方が簡単ですか?
助けてくれてありがとう!
クエリに対する CSS ソリューションはないと思います。Photoshop では、jpeg または png をプログレッシブ (インターレース) として保存できるため、徐々にダウンロードされますが、最も遅いリンク以外では、通常のサイズのファイルがすばやく読み込まれるように見えます。
最も簡単なオプションはアニメーション gif だと思っていたでしょう。不透明度と見た目のサイズを厳密に制御でき、訪問ごとに 1 回だけ実行するように設定できます。リクエストの「サイトが完全に読み込まれた後」の部分の jQuery(document).ready() コールバックに画像をバインドできます。