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/

新着ピック  






















新着ニュース

VR風俗サービス「X-Oasis」、クラウドファンディング開始 運営「性のイメージを一変できる価値ある」

ラズベリーパイ財団が8GBのメモリー搭載のRaspberry Pi 4を発表 | TechCrunch Japan

HP、次世代VRヘッドセット「Reverb G2」発表--Valveやマイクロソフトと提携

テスラの取締役会がイーロン・マスク氏の750億円超の報酬を承認 | TechCrunch Japan

YouTube の英語音声をリアルタイムで文字起こししたくて Amazon Transcribe で試してみた | Developers.IO

G6G4+CJ Delhi, India、グーグルのアドレスシステムPlus CodesでGoogleマップ上で容易に場所を共有可能に | TechCrunch Japan

電動スクーターのGogoroが電動自転車ブランドEeyoを発表、まずは米国で発売 | TechCrunch Japan

LINE、オンライン診療サービスを今夏リリース LINE Pay連携や予約機能も検討 「医療格差を是正する」

ElastiCacheでメモリ一斉開放はどのくらいCPU使用率が上がるのか検証してみた | Developers.IO

SpaceXが宇宙船スターシップのテスト飛行許可を米航空宇宙局から取得 | TechCrunch Japan

【小ネタ】[Amazon Connect] 複数のブロックを選択して纏めて移動できるようになりました | Developers.IO

オープンハウス、オンライン接客もできる住宅ショールームをオープン

2020年Q1のウェアラブル機器、トップはApple Apple Watchの供給不足をAirPodsが補う

「Googleマップ」Androidアプリ、「Plus Codes」で位置情報の共有を容易に

AlteryxのPythonツールで自作のスクリプトを使いたい | Developers.IO

ファッション系ECの販売・在庫・データ分析の統合管理システム「BRANDIT system」、アイテムごとの一元管理が可能に | TechCrunch Japan

[小ネタ]CodePipeline上でシンボリックリンクを利用していたコードが想定外の動きをした話 | Developers.IO

武田薬品からカーブアウトしたファイメクスが約5.5億円調達、タンパク分解誘導剤の研究開発加速へ | TechCrunch Japan

Windowsが圧倒的? 課題はネットワーク? ICT教育の現状と課題、先端事例

6700億円赤字の日産自動車 待ったなしの「選択と集中」、その中身とは?

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

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