はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Nifty Corners

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

Collection & Copy - 画像 CSSを使った角丸

2005/11/11 このエントリーをはてなブックマークに追加 125 users Instapaper Pocket Tweet Facebook Share Evernote Clip Copy Collection CSS 角丸 HTML

画像 + CSSを使った角丸 技術 wg:Introducing DomCorners 上記ページを読んだ。 Nifty Corners 作者はCSSのみで角丸を実現する記事を書いている。当ブログでも、これを利用している。 その上で異なるアプローチの角丸を紹介している。 上のような画像を、1コマずつずらしながらCSSを利用して貼りこんで行く。 対象となる領域のHTMLは以下。 <div id="b... 続きを読む

画像なしで角を丸くするCSSテク:<wbr> Nifty Corners -<wbr> PLAYNOTE

2005/03/17 このエントリーをはてなブックマークに追加 40 users Instapaper Pocket Tweet Facebook Share Evernote Clip div要素 CSS wbr 手法 実験

普通は「画像 + DIV要素を入れ子 or TABLE」で無理矢理実現させる角が丸いボックス要素を、一切画像を使わずにCSSだけで実現する手法が紹介されててちょっと感動したので実験。その名も Nifty Corners 。 タグ打ちが死ぬほど複雑&面倒臭いが、同ページで紹介されているJavaScriptを使えば、適用する対象のブロック要素の名前と背景色・前面色を指定するだけでタグを自動生成してくれ... 続きを読む

Nifty Corners

2005/03/16 このエントリーをはてなブックマークに追加 254 users Instapaper Pocket Tweet Facebook Share Evernote Clip The technique The ne of new

Nifty Corners: rounded corners without images By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The ne... 続きを読む

 
(1 - 3 / 3件)