VIVABlog

CSS3で可能になったグラデーション。
角丸やtext-shadowと組み合わせれば、画像を一切使わずに立体的なボタンを作成したりすることもできます。

グラデーションは手動でやるにはやや面倒なので、こういったジェネレーターを利用すると良いでしょう。-webkit-gradient と -moz-linear-gradient のどちらにも対応しています。

適応する際は、background: -moz-linear-gradient (); background: -webkit-gradient (); とします。

[ CSS3 Gradient Generator ]

関連する記事

• 丸角・角丸CSSジェネレーター各種
• ストライプ背景画像ジェネレーター各種
• WPのThemeを自動生成するジェネレーター
• プレビューできるMac用html/cssエディター「hpDrafter」
• text-shadowで文字を立体的に、または陥没させる