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

バルーンチップを実装するときは、大抵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/

新着ピック  






















新着ニュース

なぜ今も繰り返される? 販売店での「オプションのベタ付け」問題

激速ブードの夢へ——PCIe 4.0対応のM.2 SSD×4本挿しカードが登場

Pythonモジュールpyodbcでのfetch処理 | Developers.IO

ひろゆき流「職場に振り回されないメンタル術」 ムカつく上司、バカな同僚は“動物”だと思え!

「会社で夕食」も「帰るまで我慢」も不健康のもと 残業中の小腹を満たす「最強食材」とは?

RDS Proxyを使ってAWS LambdaからRDBにコネクションプールで接続する | Developers.IO

鳥のように空を飛ぶロボットPigeonBot | TechCrunch Japan

サブスク型個人会計ソフトのCopilotは打倒Mint | TechCrunch Japan

バンナム、イベント「ミリシタ感謝祭2019~2020」開催--VR配信などの試みも

NTTドコモ、動画共有ができる無料アプリ「MARKERS」--5G見据え

「Netflix」がジブリ21作品を世界配信へ--ただし、日本や米国は除く

SageMaker Python SDKのS3モジュールを使って、S3スキームのURLでのS3オブジェクト操作を楽にする | Developers.IO

【増席しました】いよいよ1月23日開催!TC School #17「チームビルディング〜チームを拡大する」 | TechCrunch Japan

三菱電機、不正アクセスで個人情報や企業機密が流出--今後の詳細発表は予定せず

AKIBA.AWS #15にて「re:Invent 2019 ネットワーク関連アップデート総復習」というタイトルでお話ししました #akibaaws | Developers.IO

AKIBA.AWS #15にて「re:Invent 2...

DevelopersIO / 14時間前


AWS Configのすべてのリソース記録を全リージョンで有効化するシェルスクリプト書いた | Developers.IO

撮影した動画をプチ編集、複数人に送れるスマホアプリ ドコモがリリース 5Gが始まるともっと便利に

Netflix、スタジオジブリの21作品放映権獲得(日本と北米以外で)

ネットフリックス、ジブリ作品を世界配信へ | TechCrunch Japan

控えめな出展だったHuawei、米国を果敢に攻めるTCLとOnePlus CES 2020で感じた中国メーカーの温度差

もっと見る
会員登録
Register
記事をPICKする

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