元ネタはこちら:
細部にこだわったWebデザインって?
ひと手間加えるだけでぐっと良くなる、という事で以下を提案しておられます。
- グラデーションを加える
- 1pxのラインを加える
- シャドウを加える
- ノイズを加える
- レタープレス効果
元の記事の実践編では、Photoshopを使った画像加工で「実践」をしているのですが、同じ(ような)事をCSS3でやってみました。
デモ
先に完成品です。WebkitとFirefoxのみ。(IEでは、新しいものでも背景がちゃんと出ません。)
「少しの手間で大きく変わる、細部にこだわったWebデザイン」を、CSSで。 – jsdo.it – share JavaScript, HTML5 and CSS