[CSS]画像を使用しないでもCSS3ならここまでできる実用的な実装サンプル

Post on:2010年4月9日

sponsors

今までは画像を使用しないと実装できませんでしたが、CSS3の登場によって画像を使用しないでもここまでできるという実用的なサンプルを1st webdesignerから紹介します。

デモではシャドウやボーダーやグラデーションを使用したものや、ボックス・フォームなどにスタイルを適用したサンプルがコードとともに豊富に掲載されています。

デモページ
シャドウとグロウ

デモページ
グラデーション

デモページ
ボーダーと角丸

デモページ
ボックスのスタイリング

デモページ
フォームのスタイリング