background-generator/index.html at master · sowvino/background-generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!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 class="color1" type="color" name="color1" value="#00ff00">
	<input class="color2" type="color" name="color2" value="#ff0000">
	<button value="color" name="auto" id="auto">Auto Generate</button>
	<h2>Current CSS Background</h2>

	<h3></h3>
	<h4>
		<button id="reset" value="reset" name="reset">Reset</button>
	</h4>
	<input type="text" value="Copy color value" id="myInput">
	<div class="tooltip">
		<button id="copy">
			<span class="tooltiptext" id="myTooltip">Copy to clipboard</span>
			Copy text
		</button>
	</div>
	<script type="text/javascript" src="script.js"></script>
</body>

</html>