Pure CSSで様々なタイプのツールチップを表示できる「Tootik」 - NxWorld

「Tootik」はツールチップを実装することができるCSSライブラリで、動きや見た目などすべてCSSで実装されています。 表示位置・矢印表示の有無・カラー指定・フェード表示など用意された数種類の動きと見た目を組み合わせていく感じで、カスタムデータ属性を記述するだけで実装できる手軽さも特徴です。 読み込む方法は「Get Started」でそれぞれ環境に応じて記述されているのでそちらを確認し、単純にlinkの場合は下記のように読み込みます。