[B! 背景][CSS] udukiyukiaのブックマーク

udukiyukia id:udukiyukia

背景とCSSに関するudukiyukiaのブックマーク (2)

[CSS]背景画像に関する実用的なスタイルシートのテクニック集
CSS2.1の疑似要素を使用して、背景画像のクロップ、変形、ポジション、不透明度など背景画像に関する実用的なスタイルシートの4つのテクニックを紹介します。 CSS background image hacks [ad#ad-2] 下記は各ポイントを意訳したものです。背景画像のクロップ背景画像の変形背景画像のポジション背景画像の不透明度背景画像のクロップ背景画像をクロップするのは、CSS2.1だけを使用してモダンブラウザにエミュレートできます。一つ目のデモでは、背景で表示するべき画像をクロップしています。
udukiyukia 2011/01/20
CSS

web制作

チュートリアル

HTML

背景
リンク
[CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート | コリス
Checkerboard, striped & other background patterns with CSS3 gradients [ad#ad-2] 対応ブラウザはFirefox 3.6+, Chrome, Safariです。デモページでは画像を使用せずに、ストライプなど計6種類の背景パターンが紹介されています。デモページ [ad#ad-2] スタイルシートは下記のようになります。 CSS：ストライプ全てのベースとなる指定です。 L.8-10で、ストライプのサイズを指定します。 .stripes { height: 250px; width: 375px; float: left; margin: 10px; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-siz
udukiyukia 2010/12/27
背景

CSS

CSS3

パターン

web制作
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx