Bootstrap 対応！グラデーションアニメをクラス名ひとつで簡単実装！Granim.js

テクノロジーカテゴリーの変更を依頼記事元:

photoshopvip.net

34 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

jed_lee クラス名の指定だけで、グラデーションアニメが実装できるjqueryプラグイン。

2016/11/07 リンク

cooshin かっこええ

2016/10/11 リンク

Olein おもしろい

2016/10/11 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

Bootstrap 対応！グラデーションアニメをクラス名ひとつで簡単実装！Granim.js

ウェブサイトの制作中、目を惹くデザインのアクセントに悩むことはありませんか。最近、インタラクティ... ウェブサイトの制作中、目を惹くデザインのアクセントに悩むことはありませんか。最近、インタラクティブなグラデーションアニメのためのJSライブラリGranim.jsが公開され、注目を集めています。今回は、このライブラリを使い、Bootstrapを使うような感覚で、クラス名をつけると背景にグラデーションアニメが実装できるようにしました。デザインスパイスのひとつに、一度試してみてはいかがでしょう。 ※ 改編はMITライセンスの下で行っています。ダウンロードする目次 1. プラグインサンプル 2. 動作環境 3. 使い方 1. プラグインサンプル使い方はシンプルで、グラデーション用のクラス名をつけると、その要素の背景がグラデーションになります。ロゴと短文を使ったカード型レイアウト。 See the Pen qaxExO by ya90net (@ya90net) on CodePen.

ブックマークしたユーザー

potesai2017/04/04
sho_yamane2017/02/28
tekgraphixx2017/02/20
jed_lee2016/11/07
leftyfox2016/11/06
logic3code2016/10/31
lightwill2016/10/19
inazuma20732016/10/13
kenichirou12252016/10/12
dellab722016/10/12
styleA2016/10/12
deejayroka2016/10/12
masamizo2016/10/12
littlefield2016/10/12
karasunekoneko2016/10/12
s12512016/10/12
toney11042016/10/11
kaki_k2016/10/11

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx