スクロールを促す未リファクタリング

Scroll Down

クラス名

bl_scrollDown

マークアップ例

<div class="bl_scrollDown">
	<a href="#content">
		<p class="bl_scrollDown_txt">Scroll Down</p>
		<span class="bl_scrollDown_arrow"></span>
	</a>
</div>
<!-- /.bl_scrollDown -->

定義

機能
ファーストビューに配置し、スクロールを促す
コンテンツエリアへのリンク

あしらい・振る舞い
上から下へアニメーションで矢印の長さを変更

特記事項
アニメーションはCSSで実装

ファイルパス

assets/scss/block/scroll-down

Change Log

  1. 開発開始：2024-03-26
  2. 最終更新：2024-03-26