Webページの動きについて質問です

リンク内容

こちらのサイト様のトップビジュアルの動きについて質問です。
（トップページの職人による最高の靴のロゴが上に乗っている画像の事です）
swiperでのスライドショーは理解できるのですが、ページを開いた際に
下から上にシュッと画像が開かれる動きはなんのプラグインを使っているのでしょうか。

検証モードで調べてみたのですが、この動きの記述を見つける事ができず
お恥ずかしながらググっても見つける事ができませんでした。

もしご存じの方いらっしゃいましたらご教示頂けますと幸いです。
お手数おかけしますがよろしくおねがいします。

m.ts10806

2020/09/15 05:54

もう少し詳しく、調べたこと、試したことを追記いただけますか？

行動規範の内容に同意します

回答1件

良い勉強になりました。

HTMLを開いた直後

HTML
1<div ontouchstart="" class="wrapper">

直下に以下の指定があります。

HTML
1<div id="loadingAnim" class="loadingAnim">
2	<div class="loadingAnim_text">
3		<figure class="top">
4			<img src="https://miyagikogyo.co.jp/wp/wp-content/themes/miyagikogyo/img/logo.png" alt="宮城興業株式会社｜革靴の製造・オーダーメイド">
5		</figure>
6	</div>
7</div>

文字(画像)の動きはCSSでアニメーション化されています。
style.css内をloadingAnimで検索してみて下さい。

HTMLが読み込まれた後にid="loadingAnim"のタグを削除します。

この動きでHTMLが読み込まれる迄(Loading中)文字(画像)を表示させています。

投稿2020/09/16 11:10