ぼちぼち散歩

Safariでページを大回転したり歪めたりするブックマークレット

どうせだったらCSS Animationを使ったら良いのではないかと思ってやってみた.

大回転

やってみる

javascript:document.body.style.webkitTransition='-webkit-transform 6s ease-in';document.body.style.webkitTransform='rotate(0deg)';setTimeout(function(){document.body.style.webkitTransform='rotate(360deg)';}, 0);

歪める

やってみる

javascript:document.body.style.webkitTransition='-webkit-transform 6s ease-in';document.body.style.webkitTransform='matrix(1,0,0,1,0,0)';setTimeout(function(){document.body.style.webkitTransform='matrix(1,1,0,1,1,0)';},0);

何回も試してたら気持ち悪くなってきた.元記事のあるAjaxianではAjaxian » Using CSS transforms to Build a Coverflow Effectという記事も公開されてるので,がんばったらいろいろできそう.

スポンサーサイト

2008/06/03 22:48 | JavaScript | トラックバック(0) | コメント(0)

ページの先頭へ

トップページへ