開始使用（需要幫助）

Question

我想創建一些與此網站上顯示的內容非常相似的鏈接，如下所示。我需要開發一個網頁，其中有一些玻璃的圖像可以通過幾個按鈕或顏色選擇器改變顏色。差不多要創建我自己的，這是什麼鏈接上顯示的版本：http://revitalisekitchens.com/colour-picker

Answer 1

你可以使用這樣的事情：

input { 
/* removes default styling from input color element */ 
padding: 0; 
border: none; 
/* makes input (color swatch) 100% size of container */ 
position: absolute; 
width: 100%; 
height: 100%; 
/* mix blend mode makes the color of the swatch alter the image behind it. */ 
mix-blend-mode: hue; /* try screen, multiply or other blend modes for different effects */ 
cursor: pointer; 
} 

https://codepen.io/noahblon/pen/ZbjmbK