【forkit.js】GitHub風リボンにアニメーションを加えるスクリプト

その他
【forkit.js】GitHub風リボンにアニメーションを加えるスクリプト

Demo Page Download Page

カーソルを合わせるとリボンがぶらんとぶら下がります。マウスの動きに追従するアニメーションもついています。
単体で動くスクリプトです。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

Tag

アニメーション

設置方法などの参考ページ

[JS]ウェブでよく見かけるあのエレメントに、遊び心のあるアニメーションを与えるスクリプト -forkit.js

http://coliss.com/articles/build-websites/operation/javascript/js-forkit-for-animated-github-ribbon.html

ウェブ制作者なら見たことがあるGitHubのリボン。そのリボンにちょっとした仕掛けをするスクリプトを紹介します。 forkit.js リボンをホバーすると、ぶら～んと糸でぶら下がった状態になりますw

http://www.moongift.jp/2014/04/forkit-js-%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%99%E3%82%8Bgithub%E9%A2%A8%E3%83%AA%E3%83%9C%E3%83%B3%E3%81%A7%E3%83%A6%E3%83%BC%E3%82%B6%E3%81%AE%E7%9B%AE%E3%82%92/

公開日：2014.05.27

その他【forkit.js】GitHub風リボンにアニメーションを加えるスクリプト

設置方法などの参考ページ

[JS]ウェブでよく見かけるあのエレメントに、遊び心のあるアニメーションを与えるスクリプト -forkit.js

Related Posts

その他
【forkit.js】GitHub風リボンにアニメーションを加えるスクリプト