CSS Gradient Button #2

CSS Gradient Button #2

複数のColor Stopで反射付きボタンを工夫。イマイチ……。

button {
  background-color: rgb(102, 102, 102);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(1.0, rgba(255, 255, 255, 0)));
}

Requirements: Firefox 3.6 Beta 3+, Safari 4+ or Chrome 4+.