background-image に gradient() を使用して代表的なパターンを描画してみました. repeating-xxx-gradinet() は使用せず,background-size を指定して繰り返し描画しています. webkit 系, Firefox5 は完全対応. Firefox3 では,transition が未対応. Opera(<=11.01) では gradient() が未対応. IE は (ry. 詳細はこちら. http://d.hatena.ne.jp/ckazu/20110321/1300728279 <h2>stripe button</h2> <div> <sample class="pt-stripe" /> </div> <div> <button class="bg-white pt-stripe">white</button> <but
![CSS3 で作る背景パターン - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef312600b7590cdadd0f6d0e51285b7cefd820c0/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Fh%2Fv%2FC%2FhvCi.jpg%3Ft%3D1302428145)