Erste Schritte (Hilfe erforderlich)

Question

Ich möchte etwas erstellen, das dem auf dieser Website gezeigten Link sehr ähnlich ist. Ich muss eine Webseite entwickeln, die ein Bild von etwas Glas hat, das Farbe mit einigen Knöpfen oder einem Farbenpflücker ändert. Ziemlich viel möchte meine eigene Version erstellen, was auf diesen Link angezeigt wird: http://revitalisekitchens.com/colour-picker

Answer 1

Sie so etwas wie dies nutzen könnten:

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