ある男がラブプラスにハマりまくって身を持ち崩した。このままではまずいと思った男は公園の池にソフトを捨てた。それから数年後、社会復帰した彼はめでたくリアルの彼女もでき、その公園にデートに来た。二人でボートに乗って池に出た後、彼女の方が突然、笑顔で言った。「今度は捨てないでね」
ある男がラブプラスにハマりまくって身を持ち崩した。このままではまずいと思った男は公園の池にソフトを捨てた。それから数年後、社会復帰した彼はめでたくリアルの彼女もでき、その公園にデートに来た。二人でボートに乗って池に出た後、彼女の方が突然、笑顔で言った。「今度は捨てないでね」
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く