3

私は自分のWebデザインで画像よりも多くのコードに依存しようとしており、HTML5とCSS3でより効果的になるように努力しています。

すべてのStackExchangeサイトを検索しましたが、確実な結果は得られませんでした。そうは言っても、私が本当に知りたいのは、Webサイトの背景に純粋なCSSを使用したパターン作成です。

これは純粋なCSSコーディングで作成できるのだろうか?

ここに画像の説明を入力してください

4

2 に答える 2

4

CSS3には、あなたが考えているレベルでパターンを作成する機能はありません。CSSパッテンは非常に基本的であり、パターンの小さなブロックを使用して、スケーラブルで繰り返し可能な大きなブロックベースの背景を構築します。

CSSパターンは基本的ですあなたの画像は基本的ではありません

使用した画像は繰り返されないため、:として使用するのに適してい{background: url("background.jpg");}ます。または、Base64を使用して画像をCSSファイルに埋め込むこともできます。

C33を使用して基本的なパターンを作成する

JavaScript / CSSとCSS3を使用して、CSS3パターンをその場で作成するさまざまな方法があります。この記事をチェックすることをお勧めします:CSS3パターンの説明、またはBase64埋め込みを使用して単純なパターンを作成する別の方法は、Patternifyを使用することです。

于 2013-02-22T19:25:35.297 に答える
3

最新のブラウザ(Internet Explorerを除く)とCSS3を使用すると、CSSのみを使用し、画像を使用せずに背景パターンを作成できます。これらの手法は、IEがサポートし、現在のIEブラウザーが使用されなくなるまで、数年間は現実の世界では役に立ちません。

CSS3の背景のコレクションがあるサイトは次のとおりです。http://lea.verou.me/css3patterns/ 自分とまったく同じものはありませんが、カーボンファイバーのものは灰色のパターンであり、そうではありません。異なる: http: //lea.verou.me/css3patterns/#carbon

于 2013-02-22T19:26:50.833 に答える