制作時の最適なモニターや最適な照明環境で美しいグラデーションを作成しても、ビジターの環境ではバンディングと呼ばれる濃淡の縞ができてしまうかもしれません。 Webページの背景などに使用するグラデーションにできてしまうバンディングをおさえ、滑らかに表示するためのJavaScriptライブラリを紹介します。 js-noisy-gradient 写真やイラストなど画像のグラデーションで発生するバンディングをおさえたい場合は、以前の記事をご覧ください。 画像にできる濃淡の縞「バンディング」をおさえる方法 グラデーションのバンディングとは バンディングの解決方法 js-noisy-gradientの使い方 グラデーションのバンディングとは Webページの背景にグラデーションを使用した場合、バンディングと呼ばれる濃淡の縞ができてしまうことがあります。 例えば、#112233から#223344の線形グラデ
![これでもう、グラデーションにできてしまう濃淡の縞に困らない!バンディングをおさえるJavaScriptライブラリ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d84b4c97b6cb122702514d6a434a63a421b8210/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201903%2F2019091310.jpg)