友人にはメモリの問題があります。そのため、彼の仕事に役立つツールチップを提供するCSSオーバーレイを作成することがあります。これらはオーバーレイであるため、基本となるHTMLまたはJavaScriptを変更することはできません。遅延の後に表示される純粋なCSSツールチップを作ることは可能ですか？
純粋なCSSツールチップを作成するのは簡単ですが、カーソルがアイテムの上を移動すると瞬時に表示されます。
x秒の間、ターゲットアイテム上にマウスを移動した後にのみ表示されるCSSツールチップを作成するにはどうすればよいですか？
解決策はFirefoxでのみ動作する必要がありますが、ブラウザ間での実装も歓迎されます。
CSS transition delayで行うことができます。
<style>
a:after {
opacity: 0;
content: "";
}
a:hover:after {
opacity: 1;
transition: opacity 0s linear 1s;
content: " (Forgetfulness is a form of freedom. - Kahlil Gibran)";
}
</style>
<a href="#" class="tooltip">What am I?</a>Hmmm ...それは基本的に私が試したものなので、私はエラーを起こした、または純粋なCSSで既存のサイトに適用することはできません。たとえば、回答の[Run code snippet]ボタン（またはINPUT要素に問題がある場合は他の要素）にツールチップとして適用できますか？ – RockPaperLizard
純粋なCSSオーバーレイを提供しているので、HTMLを追加することはできません。私はCSS *の内容でツールチップを追加できます*。 – RockPaperLizard
私の答えを更新しました...これが正しい方向につながることを願っています。 –
-moz-transition-delay: 1s（または何でも）を試して、クロスブラウザが必要な場合は、他のプレフィックス（-webkit、-oなど）を追加できます。
あなたはキーフレームを使用して、おそらくCSS3のトランジションやアニメーションを使用することができます。 – marcelo2605
[this tutorial]（http://www.phcomp.co.uk/Tutorials/Web-Techologies/Tooltips-in-CSS.html）が見つかりました。その終わりには、遅延がよく説明されています。 – J0ANMM
@ J0ANMMありがとうございました！ – RockPaperLizard