css3

: css3になってできること
忘れないようにまとめておこうと思います。皆様のお役に立てれば幸いです。

ボックスシャドウ

-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* Firefox */
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* Chrome,Safari */
-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* Opera */
-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);/* ie */

背景グラデーション

background: -webkit-linear-gradient(top, #fff 50%, #ccc);/* Chrome,Safari */
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
andoroidでは通常のmozira系グラデが効かないことあり */
background: -moz-linear-gradient(top, #fff 50%, #ccc);/* Firefox */
background: -o-linear-gradient(top, #fff 50%, #ccc);/* Opera */
background: -ms-linear-gradient(top, #fff 50%, #ccc);/* あんまりいらないみたい */

PCサイトie用も忘れずに
filter: progid:DXImageTransform Microsoft.gradient (GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc');

角丸さん

border-radius: 10px;        /* CSS3草案 */ 
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 10px;   /* Firefox用 */

ボタン見本です