Gradientify

JavaScript

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

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

Gradientify

デモ

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

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

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

Gradientify

関連記事

  1. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  2. JavaScript

    blur効果で要素を簡単にぼかしてくれるjQueryプラグイン「Foggy」

    FoggyというjQueryプラグインを使ってみました。これを使えば指…

  3. stickUp
  4. jCorner

    JavaScript

    フラットデザインに合う紙をめくったエフェクトを実装できるjQueryプラグイン「jCorner」

    jCornerというjQueryプラグインを使ってみました。フラットデ…

  5. ItemSlide.js

    JavaScript

    タッチやスワイプでスライドするカルーセルのjQueryプラグイン「ItemSlide.js」

    ItemSlide.jsはタッチ、スワイプ、スクロールなどでスライドす…

  6. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP