【SWELL】マウスオーバーで文字が出てくるボタンカスタマイズ

今回は、SWELLボタンの上にポインタが乗ると文字が出てくるボタンカスタマイズをご紹介します。

下記のような挙動になります。

デモ動画では標準サイズのボタンでご紹介していますが「小」にしても「大」にしても、同じように右上へとテキストが表示されるようになっています。

よくありそうな感じではありますが、ちょっと楽しいサイトにしたい方におすすめです。文字や文字のサイズ、文字の色などは自由に変えられますので、そのあたりも解説しました。

お知らせ

この記事は、当サイト文亭の賛助会員さん限定で「会報」として公開しています。
500円払いきりで、すべての会報がずっと読み放題になります。

  • カスタマイズ内容は、記事最終更新日時点のSWELL最新バージョンで動作確認しております。
  • カスタマイズは自己責任にてお取り組みください。心配な方は、作業前にバックアップを取っておくことをおすすめします。
記事をシェア
  • URLをコピーしました!
  • URLをコピーしました!
時間割