CSS3で可能になったグラデーション。 角丸やtext-shadowと組み合わせれば、画像を一切使わずに立体的なボタンを作成したりすることもできます。 グラデーションは手動でやるにはやや面倒なので、こういったジェネレーターを利用すると良いでしょう。-webkit-gradient と -moz-linear-gradient のどちらにも対応しています。 適応する際は、background: -moz-linear-gradient (); background: -webkit-gradient (); とします。 [ CSS3 Gradient Generator ]
![CSS3のグラデーション生成ツール - VIVABlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/f53bc45d2daac34fc736c5a991967d501b7e0374/height=288;version=1;width=512/https%3A%2F%2Fvivablog.net%2Fwp-content%2Fuploads%2F2010%2F02%2Fcss3gradientgenerator.webp)