HTML, CSS
回転する
javascript:document.body.style['-webkit-transform']='rotate(2deg)';
これを Safari や Chrome のアドレスバーにコピーアンドペーストして return/enter キーを押してみよう。
Webkit 先行導入系
tableのtdの角を丸める系
iPad のページ http://www.apple.com/ipad/pricing/ を見ていて角が丸まっていることに気づいた。見てみると -webkit-border-bottom-right-radius とか -moz-border-radius-bottomright が使われている
#main table .round_br { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }
Keyword(s):
References: