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

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

Lisence

MITライセンス

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

Browser

01.Firefox02.Chrome03.Opera04.Safari08.InternetExplorer909.InternetExplorer10

Tag

アニメーション

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

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

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

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

forkit.js·アニメーションするGitHub風リボンでユーザの目を引きつけよう!

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/

forkit.jsの使い方、日本語情報はMOONGIFTでチェック。GitHubの登場によってオープンソースのプロジェクトが右上にリボンを付けているケースが増えてきました。それをクリックするとGitHubのプロジェクトページに遷移すると言った具合です。プロジェクトへの参加を促したり、フォークしたりと活動を活性化するのに役立っています。そんなリボンで遊んでしまおうというのがforkit....。MOONGIFTはオープンソース・ソフトウェアを毎日紹介

Page Top