Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] Quickie CSS3 Tricks with Fallbacks – 簡単にできるCSS3を使ったトリック

  • Pocket
  • このエントリーをはてなブックマークに追加

これなかなかアツい。簡単にできるCSS3を使ったトリック集なんだけど、ただ角丸にしたりテキストにブラーをかけるだけじゃなく、それらを動きを使って見せてます。説明するよりデモページを見た方が早いですね。各オブジェクトにオンマウスすると、Flashのトゥイーンみたいな動きでスタートとエンドの中間を補完する形で動きます。最初JS使ってるんだと思ってソースDLしたら、CSSだけでした。-moz-transition: all 0.1s ease-in-out;あたりがソレっぽいです。CSS3でこんな事できるんですね。これを指定したところでレガシーブラウザには特に悪影響なさそうなので、モダンブラウザユーザー向けにちょっとした一手間をかける事もできそうです。

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください