-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
22 lines (22 loc) · 995 Bytes
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<title>Gradient Background</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="gradient">
<h1>Background Generator</h1>
<input type="color" name="color1" value="#00ff00" id="color1">
<input type="color" name="color2" value="#ff0000" id="color2"><br>
<h4> Modo de uso </h3>
<div class="container-tooltip">
<p>Simplemente seleccione dos colores de la parte superior, los colores que seleccione se verán reflejados en el fondo de la página. Una vez esté satisfecho con el resultado, puede copiar el código del color utilizando el ícono del portapapeles a la derecha del cuadro inferior.</p>
</div>
<h2>Current CSS Background</h2>
<div class="container">
<input type="text" name="color3" readonly="true" id="color3" placeholder="Selecciona un color y aparecera aqui"><img src="clipboard.png" id="clipboard">
</div>
<h3></h3>
<script type="text/javascript" src="script.js"></script>
</body>
</html>