ボックスシャドウの色は画像の色に基づいていますか？

Question

box-shadowに適用されている画像の色に基づいて、その色の値を調整することはできますか？

abduzeedo's siteを見ると、画像にはすべて一意のbox-shadowの色が付いていて、親画像（多くの場合は下図）に関連していることがわかります。

私は、これは、スクリプトを介して行われ、私に言っている、CSSはHTMLにインラインで挿入されていることの通知をしましたが、どのように？これらの色は実際に画像から引き出されているのですか、それとも任意に/手動で生成されていますか？

Googleでこれを検索しようとしましたが、大したことはありません。私はチュートリアルを要求していません。ほとんどの場合、これを呼び出す方法、見つけ出す方法、またはランダムまたは手動ではなく、動的に行うことが可能かどうかを調べることです。

Answer 1

あなたが言及しているように、JavaScriptを使用する必要があります。 使用できるプラグインのいくつかの異なるオプションがありますが、2つの最もpopulareは以下のとおりです。

1. Color Thief
2. VibrantJS

は、画像の支配的な色を抽出し、適用されますインラインbox-shadowのスタイルで、特定の要素にその色が付いています。