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/

appstore
googleplay
会員登録
URLからPICKする

会員登録して、もっと便利に利用しよう

  • 1.

    記事をストックできる
    気になる記事をPickして、いつでも読み返すことができます。
  • 2.

    新着ニュースをカスタマイズできます
    好きなニュースフィードをフォローすると、新着ニュースが受け取れます。