【CSS3】マウスオーバーで文字色をアニメーションチックに変える

たま〜に見かける

 

「マウスオーバーで文字の色をアニメーションチックに変えるやつ」

 

なんとCSS3で簡単に実装できるみたい

 

 

以下のcssをぶっこむだけ

 

 

— CSS —

a {
color: #03c;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a:hover {
color: #39f;
}

関連するかもしれない記事

マウスホバーアニメーションの参考

ここ、参考にさせていただきました。ありがとう・・・ありがとう・・・ http://www.webopixel.net/html-css/394.html

2016.08.29

webフォント

webフォントつかいたいなあ ftpにフォントうpして下記ででろ   @font-face { font-family: webFontName; src: url(/fonts/webFo…

2015.08.17

javascriptでグラデーションをアニメーション(韻)

このサイトがいいぞふじかわ!       http://www.gradient-animator.com/

2015.05.15

【CSS3】マウスオーバーで文字色をアニメーションチックに変える

たま〜に見かける   「マウスオーバーで文字の色をアニメーションチックに変えるやつ」   なんとCSS3で簡単に実装できるみたい     以下のcssをぶっこむ…

2014.03.08

【スマートフォンサイト制作】display:tableとdisplay:table-cell

スマホサイトのコーディングは基本的にリキッドな感じで構築しなければならない   ナビゲーションメニューや横並びのバナーの数が奇数……   ぼく「くそっ!デザイナータヒねっ!タヒねっ…

2014.03.03

Page Top


Warning: Use of undefined constant XML - assumed 'XML' (this will throw an Error in a future version of PHP) in /home/44uta/www/44uta/wpbox/wp-content/plugins/wp-syntaxhighlighter/wp-syntaxhighlighter.php on line 1048