ホバー(hover)とは、マウスカーソルを、画像やリンクの上で通過させた時に変化が起こる状態のことをいいます。
ボタンにカーソルをマウスオーバーした際に、色や大きさが変わるなど様々な効果を付けることができます。
ホバーの設定方法
スタイルパネルの状態
のhover
を押下すると、ホバーに関する設定パネルが表示されます。
まず、タイポグラフィー
からテキストのカラーを選択します。
次に、バックグラウンド
でエレメント内の背景色を選択します。グラデーション
を押下すると背景色にグラデーションを反映できます。
最後に、ボーダー
でエレメントの枠線のカラー・太さ・スタイルを指定します。