开始使用（需要帮助）

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