JavaScriptでクールにカラーフェードアニメーションを実現
2008年05月12日
スポンサード リンク
JavaScript Color Fading Script - Web Development Blog
divの要素なんかを、灰色から緑にアニメーションしながら変化させるライブラリが公開されてます。

colorFade('divid','background','ece7b4','f9bcbc',25,30) のように呼び出せばOKみたい。
背景色(background-color )だけでなく、フォント色(color)や、線の色(border-color)を変化させることも出来るみたい
サンプルが多数のデモページはこちら

単に色を変えるよりもインパクトがあって、分かりやすいUIを実装するのに役立ちそうです。
This lightweight JavaScript allows for easy color transitions.JavaScriptでクールにカラーフェードアニメーションを実現。
divの要素なんかを、灰色から緑にアニメーションしながら変化させるライブラリが公開されてます。

colorFade('divid','background','ece7b4','f9bcbc',25,30) のように呼び出せばOKみたい。
背景色(background-color )だけでなく、フォント色(color)や、線の色(border-color)を変化させることも出来るみたい
サンプルが多数のデモページはこちら

単に色を変えるよりもインパクトがあって、分かりやすいUIを実装するのに役立ちそうです。
スポンサード リンク
投稿者 KJ : 2008年05月12日 07:01
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- 独自の分野でインターネットの最先端を走りませんか?株式会社クレッシェンドをインタビュー
- 2008年10月7日 管理人のブックマーク
- PHPを使ってミニブログを作るチュートリアル
- おいしそうな青りんごを1から作るPhotoshopチュートリアル
- 青ベースの綺麗なサイトデザイン集
- 2008年10月6日 管理人のブックマーク
- SymfonyでのWeb開発に役立つFirebug拡張「FireSymfony」
- GoogleWebToolkit用PHP5フレームワーク「GwtPHP」
- アップル風の画像を作るためのPhotoshopチュートリアル集
- ページ内の画像を一括で最適化「smush.it」
- ブラウザ上で動作するPhotoshop風アプリ「Sumo Paint」


















