サイドバーのアイコン
NULL-header opened this issue · comments
概要
サイドバーの現在のボタンをSVGに置き換える。
該当ページ
メインページ。
背景と目的
現状のままだとボタンタグをそのまま使っているので、第一印象があまりよろしくない。そこを改善する。ところで、ICOONは理由の分からないものの、素材への直リンクを避けるよう言明しているので、使用するアイコンはURLでなく名前を書き込む。
仕様
- 通常時は白
- ホバーされたとき灰色になる
- クリックされたときより濃い灰色になる
- クリックが終わると少し時間をかけて白に戻る
- その他軽微なアニメーションを調整
- アイコンは事前に決めたものを使う
- スタンダートな家アイコン
- サーチアイコン
- クリスマスベルの無料アイコン2
- 人物ボタン
- レンチ&ドライバーの設定アイコン。
- 書類のアイコン
- ログインアイコン3
参考
追加仕様
- material.ioを利用する
対応完了