ツールチップ - コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。 https://copypet.jp CSS3などで新たに追加された要素･装飾方法など、日々コードを書いていないと忘れてしまったり、ささっとプロトタイプを作る時などちょっとしたことに時間をかけている暇はない。困った自分用のストックブログ Thu, 22 Mar 2018 07:53:11 +0000 ja hourly 1 https://wordpress.org/?v=6.9 140159577 コピペでできる！CSSとhtmlのみで作るツールチップ https://copypet.jp/528/ Wed, 24 Jan 2018 07:55:53 +0000 https://copypet.jp/?p=528 copypet.jp

テキストをマウスオーバーすることでツールチップを表示するサンプルです。 <span>に設定された「data-tooltip」をチップとして出すものと、<span></span>で挟んだ […]

The post コピペでできる！CSSとhtmlのみで作るツールチップ first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

]]> copypet.jp

テキストをマウスオーバーすることでツールチップを表示するサンプルです。
<span>に設定された「data-tooltip」をチップとして出すものと、<span></span>で挟んだテキストをツールチップとして表示するものを用意しています。

注意
スマートフォンについては、タップでHOVERはできますが表示したツールチップを非表示にする場合、javascriptにて制御が必要です。

The post コピペでできる！CSSとhtmlのみで作るツールチップ first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

]]> 528