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. CircularLoader.js

    JavaScript

    シンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」

    CircularLoader.jsは円形プログレスバーを簡単に実装する…

  2. jquery-base-slider
  3. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  4. SweetAlert
  5. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  6. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP