絶対他力

凡人の凡人による凡人のためのWebサービス開発

ボタンのCSSを作成しています-その3_PWDD-160204

   

チームPocoです。
ポコ帳ワイヤーフレーム開発日記(PWDD)です。

CSSによるボタンの見た目調整を継続しています。

今回は、最後に残ったアイコン(カテゴリ)のボタンを作成しました。

現時点でのスクリーンショットは、↓な感じです。
※デベロッパーツールの設定:iPhone6
HTMLスクリーンショット赤い矢印で示した「カテゴリ」と書いてあるアイコンが、今回作成したボタンです。

また、↓の通り、クリックするとX印に変わるのは、前回のメインメニューと同じです。
HTMLスクリーンショット

今回のボタンも、CSSのみです。
(クリックした時の動作にかなり手こずりましたが、アイコン自体の作成は簡単でした)

これで、ボタンのCSS作成作業は完了です。

次回以降もCSS作成作業を続けるのか、それとも「JavaScript」の勉強に入るのか…
まだ検討中です。

また、今回のCSSは↓です。

HTMLは↓です。

本日のPWDDは以上です。

 - PWDD