熊本県でWeb、EC、IoTなら株式会社クロコロール

Kuroko Blog

クロコブログ

クロコロール一発目のブログまじめに…

初めまして。。。
株式会社クロコロールでWebディレクション(勉強中)、Wordpress・EC-CUBE構築を主にしている
クロコノコウと申します。

髪を切るとよくスーパーサイヤ人に間違われますが…
安心して下さい!かめはめ波は出しませんよ!←てかそんなスキル持ってないしネタが古い。。。

さて、クスクスと笑い声が聞こえてきた所で、
今回はリンクにマウスが乗った時にふわっと文字色が変わる方法をご紹介します。

コーディングをやったことがある方は経験があると思うのですが、
リンク要素のhover(ホバー)で文字色を変更するコードを書いていざブラウザで確認してみると、
当然のことながらリンクにマウスが乗ると一瞬にして文字色が変わりますよね?

一瞬で変わるのが嫌でふわっとマウスオバーさせたい時に下記のCSSを適用させてみて下さい。

a:linkに対して「transition」プロパティを足すだけ!
めちゃ簡単ですよね?
だけどこれだけなんです。。。

transitionのプロパティについては他のサイトでも紹介されているので
CSSアニメーションについて知りたいという方はググッてみて下さいね!

簡単にできるカスタマイズですが、結構使うのでぜひお試しあれー。。。


The following two tabs change content below.

クロコのコウ

株式会社クロコロールでWebディレクション、構築を担当しています。 弊社のあきま先生によりつけ麺を覚えさせられブクブクと成長中…

«

»

CATEGORY

Google Photography NEWS CSS/HTML Wordpress Amazon Yahoo!ショッピング Other