▼画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会
http://www.jam-graffiti.com/non-pic-css/gallery/061-common/css-party.html
知らなかったのだが、随分以前にこんな面白い大会があったらしい。
その中で一番良さ気なものをピックアップしてみた。
ヘッダー部分は画像に見えるが、CSSを確認してみると、
h1 {
font-size:300%;
height:2em;
letter-spacing:-0.1em;
line-height:3.5em;
margin:0;
overflow:hidden;
padding:0 0;
}
で実現されている。
「line-heightで、文字の下を切り画像のように見せる」という発想は、かなり斬新だった。