css - 背景色に粒子タイプの外観を追加する方法

Question

青いサイドバーに粒子効果が追加されていることに注意してください。

画像を使用せずにこれを実現するにはどうすればよいですか？

Answer 1

グレイン エフェクトを実現するために、数色だけでテクスチャ イメージを作成できます。GIF などの場合、適切に処理しても数百バイトしかありません。つまり、小さな画像を作成して並べて表示します。

特定のサイトがその効果をどのように達成したかを知りたい場合は、DOM インスペクターを使用して要素の背後にあるコードを確認してください。右クリックして「要素の検査」を選択すると、Chromeにはこの機能が組み込まれています。背景画像があることがわかると思います。