【2023/05/24】CSSのhoverが優秀な件
このウェブサイトに、訪れてくれている人ならわかると思いますが、この度ホームのタイトル部にデザインを加えてみました！
流石に、過去の黒背景・白文字だと、タイトルに非常に相応しくなかったですね。今回、アップデートしてそれが実感できました。
タイトル部についてですが、タイトルの文字にマウスを乗せたり離したりすると...
そうです、動くのです！
なんか、こういった動作はJavascript で書くのかな、と思われるかと思います。実は、CSSだけなのです！
やっぱり、CSSってすごいですね。
ちなみに、わかる人向けに言うと、CSSでも「hover」というものを使っています。どういうものかというと、皆さん、なんかのサイトにアクセスした際に、ボタンを押そうとマウスを近づけると
ボタンの色が変わったり、ちょっとしたアニメーションが出てきたりする、っていうのを経験したことないでしょうか？
実は、それは基本的に「hover」だけでできてしまうんですよ。優秀ですね。
ついでに言いますと、ホームにあるボタンもマウスを乗っけるとボタンの周りにフワーっと、紫色で囲まれます。これも、「hover」です。