.png.4cf3c593df49fec02452967b0541b48b.png)
Ricardo Marques
-
Contagem de Conteúdo
1 -
Ingressou
-
Última visita
Conquistas de Ricardo Marques
0
Reputação na Comunidade
-
não sei onde estou errando se alguém puder me ajudar!
Ricardo Marques postou um tópico em HTML & CSS
<!DOCTYPE html> <html> <head> <style> /* CSS para criar o quadrado */ #quadrado { height: 400px; width: 500px; border: 3px solid black; margin-top: 100px; margin-left: 100px; } /* CSS para centralizar a imagem no quadrado */ #quadrado img { display: block; margin: 0 auto; margin-top: 25%; margin-bottom: 100px; } </style> </head> <body> <!-- HTML para criar o quadrado --> <div id="quadrado"> <!-- HTML para adicionar a imagem --> <img id="image" src="file:///C:/Users/Windows%2010/Documents/site-test/Camiseta-02-B1G-Supply-Co.png" alt="Sua imagem"> <!-- JavaScript --> <input type="color" id="color-picker" style="left: 100px;"> <script> // Obtém a referência para o elemento de entrada de cor const colorPicker = document.getElementById('color-picker'); if (!colorPicker) { return; } // Altera o estilo do elemento de entrada de cor colorPicker.style.left = "100px"; // Adiciona um ouvinte de evento para o elemento de entrada de cor colorPicker.addEventListener('input', function () // Obtém a cor selecionada pelo usuário const color = this.value; ); // Converte a cor em formato hexadecimal para formato "hue-rotate" const hue = parseInt(color.slice) </script> </body> </html> a cor que seria selecionada na color picker ela tem que ser colocada na cor onde essa imagem que foi adicionada que está em png e sem fundo apenas a imagem está preto. test 4.html
