CSS

【CSS】ボタンコレクションCSS Button Collection

October 27, 2018
CSS Button Collection

CSS Button CollectionはCSSで実装されているボタンコレクション。

HTML

	<div class="buttons-container">
		<div class="button-group">
			<div class="button button--1 button--1--v1">Button 1</div>
			<div class="button button--1 button--1--v2">Button 1</div>

		</div>
		<div class="button-group">		
			<div class="button button--2 button--2--v1">Button 2</div>
			<div class="button button--2 button--2--v2">Button 2</div>	
			<div class="button button--2 button--2--v3">Button 2</div>		
		</div>
		<div class="button-group">
			<div class="button button--3 button--3--v1">Button 3</div>
			<div class="button button--3 button--3--v2">Button 3</div>
			<div class="button button--3 button--3--v3">Button 3</div>
			<div class="button button--3 button--3--v4">Button 3</div>
			<div class="button button--3 button--3--v5">Button 3</div>
			<div class="button button--3 button--3--v6">Button 3</div>
			<div class="button button--3 button--3--v7">Button 3</div>
		</div>

	</div>