text-transform:none;
テキストを変換しない（初期値）

text-transform:capitalize;
単語の先頭文字を大文字にする

text-transform:uppercase;
全ての文字を大文字にする

text-transform:lowercase;
全ての文字を小文字にする

text-transform:full-width;
全ての文字を全角形式にする

text-transform:full-size-kana;
半角カナを全角カナに変換する

横の背景ボーダーCSSです。

50pxの部分はボーダーのサイズ。色は background-colorで調整する。

-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px; /* Controls the size of the stripes */

iOSの場合、指先でタップできる範囲は44 x 44ポイント以上で、Androidの場合は、48ピクセル以上とのこと。

ポピュラーなデバイスのサイズは、
スマホ縦320px〜479px
スマホ横、タブレット480px〜767px
タブレット768px〜1023px
PC1024px〜
といったところです。

透過させるcssは以下の通り。

50%の透過度の例です。数字が低いほど透過します。

divにもimgにもa:hoverにも効くはず。

opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
filter: alpha(opacity = 50);

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;