ぼちぼち散歩

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)

ページの先頭へ

コメント

コメントの投稿


トラックバック

トラックバックURL
→http://relaxedcolumn.blog8.fc2.com/tb.php/118-4c93d1b7

トップページへ