Gradientify

JavaScript

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

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

Gradientify

デモ

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

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

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

Gradientify

関連記事

  1. EasyZoom

    JavaScript

    タッチ対応で画像拡大やパンもできるjQueryプラグイン「EasyZoom」

    EasyZoomはタッチにも対応したモバイルフレンドリーな、画像拡大や…

  2. ClassyCountdown

    JavaScript

    スタイリッシュな円形カウントダウンのjQueryプラグイン「ClassyCountdown」

    ClassyCountdownはシンプルでスタイリッシュな円形カウント…

  3. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

  4. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  5. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP