絶対他力

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

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

   

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

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

今回は、一部のアイコン(サブメニュー)のボタンを作成しました。

現時点でのスクリーンショットは、↓な感じです。
※デベロッパーツールの設定:iPhone6
HTMLスクリーンショット

赤い矢印で示した三角形のアイコンが、今回作成したボタンです。

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

今回のボタンも、CSSのみで実現できて満足しています。
(ただの三角形なので、前回の「ハンバーガーメニュー」より簡単でした)

次回以降も、ボタンの見た目の調整を続けます。

また、CSSは↓です。

HTMLは↓です。

本日のPWDDは以上です。

 - PWDD