<h1>キービジュアルでのアニメーションの時間指定</h1>
<p>キービジュアルで動きのある <code>animation</code> を使う場合、<code>1s</code> 以内に動かす。</p>
<p>ユーザーは、ページを訪れてすぐにスクロールすることが多いため。</p>
<h2>キービジュアルとは</h2>
<blockquote>
<p>ウェブサイトや他の媒体において中心となるイメージ画像のこと</p>
</blockquote>
<h2>アニメーション例</h2>
<p>どのサイトもキレイ。</p>
<ul>
<li><a href="https://boel.jp/tips/vol85_animation_web.html">アニメーションのきれいな Web サイト 10 選 | TIPS | BOEL Inc. ボエル</a></li>
<li><a href="https://note.mu/tarosgwr/n/na151602cace5">ローディング／オープニングアニメーションをひたすら貼り続ける｜ Taro Sugawara ｜ note</a></li>
</ul>
<h2>参考</h2>
<ul>
<li><a href="https://www.ikesai.com/words/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB">キービジュアルとは（説明/解説） - イケサイ Web 制作用語辞典</a></li>
</ul>


キービジュアルでのアニメーションの時間指定方法。