前の記事 ≪:「@」でエラー抑制すると PHP が遅くなる
次の記事 ≫:標準のINPUTを拡張してフォーム入力を便利にする「inputEx」

JavaScriptでクールにカラーフェードアニメーションを実現

2008年05月12日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
JavaScript Color Fading Script - Web Development Blog
This lightweight JavaScript allows for easy color transitions.
JavaScriptでクールにカラーフェードアニメーションを実現。
divの要素なんかを、灰色から緑にアニメーションしながら変化させるライブラリが公開されてます。



colorFade('divid','background','ece7b4','f9bcbc',25,30) のように呼び出せばOKみたい。

背景色(background-color )だけでなく、フォント色(color)や、線の色(border-color)を変化させることも出来るみたい

サンプルが多数のデモページはこちら


単に色を変えるよりもインパクトがあって、分かりやすいUIを実装するのに役立ちそうです。
関連の記事検索:JavaScript, Web制作, #design
スポンサード リンク

By.KJ : 2008年05月12日 07:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)