CSS3

角丸を表現する

グラデーション

  • background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066)); /* Safari,Google Chrome用 */
  • background: -moz-linear-gradient(top, #990, #066); /* Firefox用 */

ボックスシャドー

  • box-shadow: 1px 1px 3px #000; /* CSS3草案 */
  • -webkit-box-shadow: 1px 1px 3px #000; /* Safari,Google Chrome 用 */
  • -moz-box-shadow: 1px 1px 3px #000; /* Firefox用 */

iPhoneサイト作る際に上記プロパティが重要になる。
※MobileSafariでは-webkitを使用する。