hover

date_range 2024/04/22
エンジニアインターン
hover


こんにちは!

京都開発研究所、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-22 14:11

    *コメント*

    お疲れ様です。
    hover機能楽しいですよね!
    色を自在に変化させられるのが楽しくて、いろいろ試しながら遊んだ記憶があります。
    模写をすると自分の考えが及ばなかった詳細な部分にも気づきがあって、すごく勉強になりますよね。
    引き続きWeb模写楽しみながらがんばってください!

    *コメント*

  • 岡部 ちよ

    岡部 ちよ

    更新日:2024-04-23 09:59

    *コメント*

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

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード