
テキストボックスやボタンなどにカーソルをあわせるとピョコっとでてくるツールチップですが、探してみると意外とたくさんライブラリが用意されています。
今回はオススメなツールチップライブラリを6個紹介していきます。
テキストボックスやボタンなどにカーソルをあわせるとピョコっとでてくるツールチップですが、探してみると意外とたくさんライブラリが用意されています。
今回はオススメなツールチップライブラリを6個紹介していきます。
文字やボタンにマウスオーバーするとニョキっとでてくるツールチップ(吹き出し)を作成することのできるballoon.css。とっても便利なCSSライブラリです。
しかしballoon.cssのツールチップの色はデフォルトで真っ黒なのでこのままだとちょっと使いにくい。今回はツールチップの色を変更する方法を備忘録として残していきます。
Webサービスを使っていて、入力フォームのチェックボックスやラジオボタンで自分がどれを選択したのかがひと目でわかるようなデザインだと気遣いのきいているサービスだなと思わず感心してしまいますね。
そんなユーザビリティのよいデザインをCodePenから53個ピックアップしたのでタイプ別にまとめていきます。
今回選んだデザインは全てjsは一切使っていないCSSのみで構成されているものばかりを集めてみました。
デザインに参考にしてみてください。