コマンドボタンには背景のグラデーションだけでなく文字の白影付けが良い

コマンドボタンに付ける名称に白の影付けをするとよりボタンがリアルになります。指定は以下のCSSのtext-shadowです。

#AppButton {
border-radius: 10px;
background-color: #cccccc;
background: -moz-linear-gradient(top, #eeeeee, #cccccc);
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
text-align: center;
margin-bottom: 20px;
}
#AppButton a {
text-shadow: 2px 2px 0 #ffffff;
display: block;
padding: 20px 0;
color: #444444;
text-decoration: none;
font-size: x-large;
font-weight: bold;
}

コマンドボタンの中のコマンド名の影付け
コマンド名を影付けすると、コマンドがよりリアルになる
カテゴリー: CSS詳細 パーマリンク