hover

2024/04/22

エンジニアインターン

こんにちは！

京都開発研究所、Webプログラマーコースの長期インターン生、松木智哉です！！

最近はCSSのhover(ホバー)という機能がすごく面白く、色々考えながら触ってます！

hoverとはある文字や画像の上にマウスをおいた際に、発生するイベントを指定する疑似クラスです！！

ここで指しているイベントとは、文字色が変化するや線が引かれることなどです。

このhoverは簡単に実装できます！！

皆さんも、サイトを見ているとhover機能を目にしたことがあると思います。

この機能をうまく使うことで、Webサイトの見やすさ向上はもちろんのこと、閲覧者の心理に働きかけ、クリックをしてもらえる確率が上がるのだなと思ってます！！

Web模写をするまでは、hoverという機能に対し、深く考えることはなかったのですが、Web模写をし始めてから、なぜそのようなhoverにしているのか少し考えるようになってきました。

このような細かいことに意識をしっかり向けていくことで、素晴らしいWebサイトの基盤ができるのかなと考えてます。

-----------------------------------------------
G!FIT公式Instagram：https://www.instagram.com/gfit_gdn/
G!FIT公式Twitter：https://twitter.com/gfit_gdn
メンバー紹介ページ：https://guardian.jpn.com/member/tomoya_matsuki/

＊COMMENT＊

岡部　ちよ
更新日：2024-04-23 09:59
＊コメント＊

松木さん、お疲れ様です！ TOP画像、シンプルできれいですね✨ hoverという名称、はじめて知りました...！クリックしたいときに、アニメーションというか動きがあるのは、 WEBサイトの閲覧者目線だと楽しいですよね！
松木さん、お疲れ様です！
TOP画像、シンプルできれいですね✨
hoverという名称、はじめて知りました...！
クリックしたいときに、アニメーションというか動きがあるのは、
WEBサイトの閲覧者目線だと楽しいですよね！
＊コメント＊