css - cssだけで古い紙の背景テクスチャ

Question

古い紙のように見える (画像を使用せずに) 純粋な CSS を使用して背景テクスチャを作成することは可能ですか? たとえば、次のようになります 。

制限があることは認識しています。テクスチャは例ほど複雑である必要はありません。

CSSでこれを行う方法はありますか？

Answer 1

背景画像生成サイト

2016 年に見つけた最高のものは、ノイズ テクスチャ イメージを作成するこの API でした。それは巧妙な CSS3 に基づいているわけではありませんが、OP が望んでいるものを達成する答えが他にないため、これを投稿するだけです。

http://www.cssmatic.com/noise-texture

サイトの出力 CSS コードが間違っていることに注意してください。次のようになります。

body {
    background-image : url(http://api.thumbr.it/whitenoise-361x370.png?background=ffffffff&noise=5c5c5c&density=13&opacity=62);
}

紙のように見える API 呼び出しの代替パラメーターを提案することは誰でも大歓迎です。良い答えを思いついたら、答えを更新します。

_{（出典：thumr.it）}

私の個人的なサイトではまともに見え、純粋な白がどれほど不自然で、人間の目にはどれほど不快であるかを示しています: http://netgear.rohidekar.com/inventory/books.html

Answer 2

ここで答えたように（画像なしでCSSを使用してテクスチャ紙の背景を作成する方法）ダスティンは、「テクスチャ」CSS機能はありません。ただし、CSS3を使用している場合は、グラデーションやシャドウイングなどの非常に優れたトリックを実行して、きれいな背景を作成できます。

Answer 3

いいえ、CSS でできる最善の方法はグラデーションです。http://www.colorzilla.com/gradient-editor/