Hover

Speech Bubble (吹き出し)

別名 Bubble

ホバーすると、要素の一辺に吹き出しの小さな三角形が現れます。

タブ、ツールチップ

  • Bubble Top
  • Bubble Right
  • Bubble Bottom
  • Bubble Left
  • Bubble Float Top
  • Bubble Float Right
  • Bubble Float Bottom
  • Bubble Float Left

デモのソースを見る

プロンプト

[適用する場所] を使いたい場所に置き換えて、AIエージェントに貼り付けてください。プロンプトにはモーションの名前が入っているので、次からは名前だけで依頼できます。

[適用する場所]に吹き出し(Speech Bubble)のホバーエフェクトを追加してください。バブル(bubble)とも呼ばれます。
要素の一辺の裏から小さな三角形のしっぽがスライドして出てきて吹き出しの形になり、ポインターが離れたら引っ込むようにしてください。素早くなめらかに。
しっぽは要素と同じ色にしてひとつの形に見えるようにし、キーボードフォーカスでも同じ効果を出してください。

[適用する場所] を使いたい場所に置き換えて、AIエージェントに貼り付けてください。プロンプトにはモーションの名前が入っているので、次からは名前だけで依頼できます。