[CSS]画像を使用しないでもCSS3ならここまでできる実用的な実装サンプル
Post on:2010年4月9日
今までは画像を使用しないと実装できませんでしたが、CSS3の登場によって画像を使用しないでもここまでできるという実用的なサンプルを1st webdesignerから紹介します。
![デモのキャプチャ](/wp-content/uploads-2010/2010040901.png)
Amazing CSS3 Techniques You Can’t live Without
デモではシャドウやボーダーやグラデーションを使用したものや、ボックス・フォームなどにスタイルを適用したサンプルがコードとともに豊富に掲載されています。
![デモのキャプチャ](/wp-content/uploads-2010/2010040904.png)
デモページ
シャドウとグロウ
![デモのキャプチャ](/wp-content/uploads-2010/2010040905.png)
デモページ
グラデーション
![デモのキャプチャ](/wp-content/uploads-2010/2010040902.png)
デモページ
ボーダーと角丸
![デモのキャプチャ](/wp-content/uploads-2010/2010040903.png)
デモページ
ボックスのスタイリング
![デモのキャプチャ](/wp-content/uploads-2010/2010040906.png)
デモページ
フォームのスタイリング
sponsors