私は自分のWebデザインで画像よりも多くのコードに依存しようとしており、HTML5とCSS3でより効果的になるように努力しています。
すべてのStackExchangeサイトを検索しましたが、確実な結果は得られませんでした。そうは言っても、私が本当に知りたいのは、Webサイトの背景に純粋なCSSを使用したパターン作成です。
これは純粋なCSSコーディングで作成できるのだろうか?
私は自分のWebデザインで画像よりも多くのコードに依存しようとしており、HTML5とCSS3でより効果的になるように努力しています。
すべてのStackExchangeサイトを検索しましたが、確実な結果は得られませんでした。そうは言っても、私が本当に知りたいのは、Webサイトの背景に純粋なCSSを使用したパターン作成です。
これは純粋なCSSコーディングで作成できるのだろうか?
CSS3には、あなたが考えているレベルでパターンを作成する機能はありません。CSSパッテンは非常に基本的であり、パターンの小さなブロックを使用して、スケーラブルで繰り返し可能な大きなブロックベースの背景を構築します。
CSSパターンは基本的ですあなたの画像は基本的ではありません
使用した画像は繰り返されないため、:として使用するのに適してい{background: url("background.jpg");}
ます。または、Base64を使用して画像をCSSファイルに埋め込むこともできます。
C33を使用して基本的なパターンを作成する
JavaScript / CSSとCSS3を使用して、CSS3パターンをその場で作成するさまざまな方法があります。この記事をチェックすることをお勧めします:CSS3パターンの説明、またはBase64埋め込みを使用して単純なパターンを作成する別の方法は、Patternifyを使用することです。
最新のブラウザ(Internet Explorerを除く)とCSS3を使用すると、CSSのみを使用し、画像を使用せずに背景パターンを作成できます。これらの手法は、IEがサポートし、現在のIEブラウザーが使用されなくなるまで、数年間は現実の世界では役に立ちません。
CSS3の背景のコレクションがあるサイトは次のとおりです。http://lea.verou.me/css3patterns/ 自分とまったく同じものはありませんが、カーボンファイバーのものは灰色のパターンであり、そうではありません。異なる: http: //lea.verou.me/css3patterns/#carbon