読者です 読者をやめる 読者になる 読者になる

N-takデザインブログ

WEBで培った作品や技術を公開しています。

CSSだけでリンクをふわぁっとさせる方法

作業メモ

デモ

 ↑マウスを重ねてみてね。

 

このCSSだけで、リンクにマウスが重なったときゆっくり切り替わります。

/*--テキストリンクはゆっくり色が変わる--*/

 

a:hover{

-webkit-transition: 0.4s ease-in-out;

  -moz-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

       transition: 0.4s ease-in-out;

 

}

 

 

以上