ぼちぼち散歩

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--/--/-- --:-- | スポンサー広告 | トラックバック(-) | コメント(-)

ページの先頭へ

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

トップページへ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。