Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet CSS JavaScript 小技集

Safariでページを大回転させるブックマークレット

投稿日:


Safari Rotate
Safari限定ですが、WebKit transformationを使ってページの表示角度を変えられるんだそうです。

Ajaxianに出てた。Safariブラウザだけの機能。

-webkit-transform に ‘rotate(180deg)’ を与えると、180度回転したページが表示される。

via: 秋元@サイボウズラボ・プログラマー・ブログ: Safariでページを反転させるブックマークレット

えー、知らなかった!


そいでもって、

これ少しずつ値を変えたら、ページがぐるぐる廻せそうだね。

via: 秋元@サイボウズラボ・プログラマー・ブログ: Safariでページを反転させるブックマークレット

という事だったのでサクっとやってみました。

javascript:function r(i){document.body.style['-webkit-transform']='rotate('+i+'deg)';if(i<360)setTimeout('r('+(i+10)+')',100);}r(0);

上のブックマークレットをSafariで実行すると、ページがぐるりと360度回転します。
Safariでない人のために、Screencast作ってみました。

お〜回ってるー。
え!?気付いた?
そうね。コレ、多分使い道あんまりないよね。

-Bookmarklet, CSS, JavaScript, 小技集

執筆者:


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

    秋元@サイボウズラボ・プログラマー・ブログ: Safariでページを反転させるブックマークレット
    Safariでページを大回転さ…

comment

メールアドレスが公開されることはありません。

関連記事

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第4回:最終回でラフ案発表

昨日の4/23(木)、ついに最終回を迎えた「[N]ネタフル x [S]シカマケ = ブログデザイン勉強会」に参加してきました。 ▼前回まではこちら、 ・[N]ネタフル x [S]シカマケ = ブログデ …

高感度撮影した写真のノイズ低減を3つのソフトで比較(Photoshop Elements, Neat Image, Photoshop Lightroom)

先日、ホタルの高感度撮影に挑戦したところ、愛用しているGF3ではノイズがかなりヒドイ状態で見るも無残だったため、少しでもノイズを除去できないかと調べてみました。画像の編集にはPhotoshop Ele …

ミイル(miil)にアップロードした写真をブログに貼り付けるためのHTMLをコピーするブックマークレット

みなさん、お料理写真をおいしそうに写すことができてTwitterやFacebookに共有できるミイル(miil)は使っていますでしょうか?ボクは外食したときにスマホで写真を撮ることが多いのですが、自分 …

第4回:twitter の JavaScript Badge をIEで表示するとおかしい件に対応してみる

twitter 流行ってますね。みなさんも使っていますか? オレはというと…ポツリポツリと呟いています。 friends は2人しかいません orz twitter は SNS 的な使い方もできるツー …

第1回:CSSで画像にborderをつけてみる

記念すべき初回のエントリーはCSSによるborderのスタイルを色々試してみます。やっぱりフォトサイトで一番気を遣うのは写真(画像)を表示するための <IMG>タグ だと思います。で、bo …

スポンサードリンク

スポンサードリンク