Gradientify

JavaScript

シンプルなCSSグラデーション変化を実装できる「Gradientify」

GradientifyはシンプルなCSSグラデーション変化を実装することができるjQueryプラグインです。グラデーションが徐々に移り変わっていくサマは、見ていてとても優雅な気分になってきますね。

Gradientify

デモ

デモでは背景全体がゆっくりといろんな色のグラデーションに変化していきます。どのグラデーションもすごく美しいですね。シンプルですが、ダイナミックに変化していくグラデーションはとても印象的です。

使い方もカンタンでわかりやすいのでサクッと実装できると思います。gradientsのstartとstopにRGB値を指定します。そのほかのパラメーターには、angle、fps、transition_timeといったものが用意されています。自分好みのグラデーションやカスタマイズをしたい人にもピッタリですね。

というわけで、美しいグラデーション変化を実装できるjQueryプラグイン「Gradientify」のご紹介でした。

Gradientify

DD Scroll Boxesスクロールするとアニメーションつきで表示されるコンテンツ「DD Scroll Boxes」前のページ

月と年をシンプルに選択できるピッカー「jQuery UI Month Picker Plugin」次のページjQuery UI Month Picker Plugin

関連記事

  1. HoldOn.js

    JavaScript

    ユーザーの待機中に表示させるアニメーション実装「HoldOn.js」

    HoldOn.jsはユーザーが待機している間に表示させるアニメーション…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーションを遅らせるにはdelayを使えばいいらしい

    ちょっとしたメモです。jQueryでanimateをメソッドチェーンで…

  3. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  4. jQuery fullsizable
  5. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  6. no-image

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP