hitode909の日記

以前はプログラミング日記でしたが、今は子育て日記です

imgタグをくるくる回すGreasemonkeyスクリプト

imgタグをくるくる回すためのGreasemonkeyスクリプトを書きました.なかなかいい感じだと思います.


動画
http://www.screencast.com/t/NmIxYjI3ZTMt


画像くるくる回すやつ — Gist

// ==UserScript==
// @name kurukuruimg
// @namespace http://www.hatena.ne.jp/hitode909
// @include *
// ==/UserScript==

var style = document.createElement('style');
document.body.appendChild(style);
style.textContent = "img, canvas, video {\n" + "-moz-transform: rotate(0deg);\n" + "  }";

var deg = 0;
var diff = 0;

setInterval(function() {
    deg += diff;
    diff++;
    style.sheet.cssRules[0].style.MozTransform = 'rotate(' + deg % 360 + 'deg)';
}, 0);

追記

canvasタグとvideoタグも回すようにしました.便利ですね.