画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会

実験 カテゴリー 第 1 位 / 1,275 PV

閲覧数: 1,275  投稿日: 2010 4 18 日  更新日: 2017 8 9

画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会 とは?

基本情報

< 2017年8月9日 >

title
・画像の使用を極力控えてかっこいいCSSデザインをやってみよう

description
・画像の使用を控えてかっこいいCSSデザインをやってみよう大会の目録。


< 2010年2月4日 >

感想
知らなかったのだが、随分以前にこんな面白い大会があったらしい。

その中で一番良さ気なものをピックアップしてみた。
ヘッダー部分は画像に見えるが、CSSを確認してみると、

h1 {

font-size:300%;
height:2em;
letter-spacing:-0.1em;
line-height:3.5em;
margin:0;
overflow:hidden;
padding:0 0;

}

で実現されている。
「line-heightで、文字の下を切り画像のように見せる」という発想は、かなり斬新だった。

定点キャプチャで振り返る。「画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会」 の変遷

2010

2010年2月、2月4日
2月4日

2017

2017年8月、8月9日
8月9日
矢印キーで移動します

parallaxⅡ