[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

[tailtame]

画像使わずデザインネタにしたいなぁ。IEはIE9から。

[igrep]

かっこいい

[chimantare]

背景をストライプやチェック柄にするスタイルシート。firefox、IEだめなのでスマートフォンとかに良いかも。

[kams3261]

画像を使わないで背景をストライプやチェック柄にするCSSテク

[o_hiroyuki]

cssのみでストライプやチェック柄を作る

[efcl]

gradientを使ってCSS3のみでストライプ

[mifio]

メモメモ　画像の方が楽かもしれないけど、色変えたい時にいちいちフォトショ立ち上げるよりテキストエディタで直す方が楽な事もあるし。

[graceful_life]

コレ応用すれば、簡単にアイコンとか作れそう。QWebkitあたり使って実装してみるか

[me_1230]

みぃ姉 の Google リーダー スター付きアイテム --------------------------- [CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート | コリス -------------------------------------------- 26 Dec 2010, 11:52 pm CSS3グラデーション

[kyotaweb]

仕組みがわからん・・・

[XIAORING]

background stripe gradation

[kakei]

リンク元がhttp://lea.verou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/に変更。

[nors]

http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/

[hiroshi_revolution]

#followdaibosyu [CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート | コリス

[gonta02]

画像を使用せずに、背景をストライプやチェック柄にするスタイルシート

[Donca]

✔ [CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート