タグ

ブックマーク / itfun.jp (1)

  • webkit-transform を使ってみた

    実際にSafari 3.1で見たところ text-shadowはFirefox 3.1で対応要諦ですので時間が解決してくれますが、CSSで要素を回転してくれるプロパティはいつ対応になるのでしょうか。 今回、Webkitの独自実装のwebkit-transformを使ってみました。 webkit-transformCSSを使ってコンテンツを回転・縮小・拡大などが出来るようになります。 それだけでなく、実はTweenみたいな簡単なエフェクトをつけることが出来ます!! 上のようにコンテンツを傾けるのは -webkit-transform: rotate(-12deg); このように指定しました。 text-shadowも問題なく適用されています。 今回は基点を中央にしたため特に指定はしていません(デフォルトが中心) 主なプロパティは scale(x,y) 拡大 translate(x,y)

    webkit-transform を使ってみた
  • 1