CSS

【CSS】プレス可能なCSS 3DボタンPUSHY BUTTONS

April 9, 2017
PUSHY BUTTONS

PUSHY BUTTONSは小さなCSSボタンライブラリ。

Setup & Installation

<!-- Buttons Core -->
<link rel="stylesheet" href="css/pushy-buttons.css">

 <!-- Or -->

<!-- Minified Version -->
<link rel="stylesheet" href="css/pushy-buttons.min.css">

Examples

<!-- Blue Buttons -->
<button class="btn btn--lg btn--blue">Button</button>
<button class="btn btn--df btn--blue">Button</button>
<button class="btn btn--md btn--blue">Button</button>
<button class="btn btn--sm btn--blue">Button</button>

<!-- Green Buttons -->
<button class="btn btn--lg btn--green">Button</button>
<button class="btn btn--df btn--green">Button</button>
<button class="btn btn--md btn--green">Button</button>
<button class="btn btn--sm btn--green">Button</button>

<!-- Red Buttons -->
<button class="btn btn--lg btn--red">Button</button>
<button class="btn btn--df btn--red">Button</button>
<button class="btn btn--md btn--red">Button</button>
<button class="btn btn--sm btn--red">Button</button>