Asial Blog

Recruit! Asialで一緒に働きませんか?

タグ「ボタン」の一覧

CSSだけで作るアイコン付きボタンの作り方

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
HTML5
CSS3
デザイン
ボタン
icon
こんにちは、鴨田です。

近頃はボタンのデザインに限らず、CSSで実現できるものは、
グラフィックにせず、CSSだけで書いています。

ボタンデザインに限らず、HTML/CSSで書いた方が効率的なこもあって、
最近はあまりPhotoshopを開くこともなくなってきています。

ということで、本日はCSSだけで作るアイコン付きボタンの作り方です。
アイコン付きというのがポイントです。