イメージボード開発中

クラス名

bl_imageBoard

マークアップ例

<div class="bl_imageBoard">
	<div class="bl_imageBoard_container">
		<div class="bl_imageBoard_slide">
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
		</div>
		<!-- /.bl_imageBoard_slide -->

		<!-- 上記と同じ内容のスライドをもうひとつ配置 -->
		<div class="bl_imageBoard_slide" aria-hidden="true">
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
			<figure><img src="" alt=""></figure>
		</div>
		<!-- /.bl_imageBoard_slide -->
	</div>
	<!-- /.bl_imageBoard_container -->
</div>
<!-- /.bl_imageBoard -->

定義

機能
にぎかやし?

あしらい・振る舞い
右から左へ写真が動いていく

特記事項
基本的な動きは、CSSのみで実現

変数とデフォルト値

xxx

ファイルパス

assets/scss/block/image-board

Change Log

  1. 開発開始:2024-03-21
  2. 最終更新:2024-03-21