iCode
コード一覧
ログイン
新規登録
ボタン
Created by
222 (#3)
ボタン
CSS
<a href="" class="btn btn--orange btn--cubic btn--shadow">PUSH！</a> <a href="" class="btn btn--yellow btn--cubic">PUSH！</a> <a href="" class="btn btn--yellow btn--border-dashed">PUSH！</a>
.btn{ padding: 5px 12px; border-radius:8px; } a.btn--orange { color: #fff; background-color: #eb6100; border-bottom: 5px solid #b84c00; } a.btn--orange:hover { margin-top: 3px; color: #fff; background: #f56500; border-bottom: 2px solid #b84c00; } a.btn--shadow { -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3); } a.btn--yellow { color: #000; background-color: #fff100; border-bottom: 5px solid #ccc100; } a.btn--yellow:hover { margin-top: 3px; color: #000; background: # fff20a; border-bottom: 2px solid #ccc100; } a.btn--yellow.btn--border-dashed { border: 2px dashed #000; }
Copy
Copied