CSSのコピペだけでバルーンチップを実装できる「Balloon.css v1.0」

2019/06/27 09:00

バルーンチップを実装するときは、大抵JSのプラグインなどを入れるのが王道ですが「Balloon.css v1.0」なら、100%ピュアなCSSで実装できてしまいます。

なお、こちらオープンソースとしても提供されています。

◆ CSSのコピペだけでバルーンチップを実装できる「Balloon.css v1.0」
https://emojinews.carrd.co/

紹介

「Download CSS」を押してツールチップを保存します。

あとはチュートリアル通りのボタンを実装すれば、バルーンチープが表示されます。

もちろんツールチップはカスタマイズも可能。

みんな大好きなFont Awesomeも組み込みことができます。

ヘルプなど、手軽にちょっとリッチにできるバルーンチップは結構重宝しそうです。

◆ CSSのコピペだけでバルーンチップを実装できる「Balloon.css v1.0」
https://emojinews.carrd.co/

ログイン
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。