CSS おれおれ Advent Calendar 2012 – 20日目
いわゆるBK (Bad Knowhow) というやつですな。(BKって和製英語の類?)
現象
画像にborder
を付けてborder-radius
も付けると、なんかChromeでうまく表示されないんです。
Firefoxなんかだと正常でした。
※スマホ対応はしてません。
CSS おれおれ Advent Calendar 2012 – 20日目
いわゆるBK (Bad Knowhow) というやつですな。(BKって和製英語の類?)
画像にborder
を付けてborder-radius
も付けると、なんかChromeでうまく表示されないんです。
Firefoxなんかだと正常でした。
CSS おれおれ Advent Calendar 2012 – 14日目
こんな感じのもの。
背景色を黒に、文字色を白っぽい色にします。
あとそれっぽいフォントを使いました。
Google Web Fontsの “Grand Hotel” というのを利用しています。
(個別ページってこれで良いのかな。)
text-shadow
でぼわーんってな元ネタはこちら:
ひと手間加えるだけでぐっと良くなる、という事で以下を提案しておられます。
元の記事の実践編では、Photoshopを使った画像加工で「実践」をしているのですが、同じ(ような)事をCSS3でやってみました。
先に完成品です。WebkitとFirefoxのみ。(IEでは、新しいものでも背景がちゃんと出ません。)
「少しの手間で大きく変わる、細部にこだわったWebデザイン」を、CSSで。 – jsdo.it – share JavaScript, HTML5 and CSS