-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (34 loc) · 1.24 KB
/
index.html
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
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<title>Background Generator</title>
<link rel = "stylesheet" type="text/css" href="./styles/style.css"/>
</head>
<body id = "container">
<div class="visible" onclick="hideAll()">
Hide
</div>
<div class="hide">
<div class="filter">
<select id = 'background-type' onchange="getBackgroundType()">
<option value='linear-gradient'>Linear-gradient</option>
<option value='single'>Single</option>
<option value='radial-gradient'>Radial-gradient</option>
</select>
<label for="color-count">Color Count: </label>
<input type="number" min='1' max= '3' value='3' id = 'color-count' placeholder=" number of colors" onchange="getColorCount()">
</div>
<h1 class = "heading">BACKGROUND GENERATOR</h1>
<h5> SELECT COLOR </h5>
<div class = "buttons">
<input class= "color1" type="color" name = "color1" value = "#cc95c0"/>
<input class= "color2" type="color" name="color2" value = "#dbd4b4"/>
<input class= "color3" type="color" name="color3" value = "#7aa1d2"/>
</div>
<h2> CURRENT CSS BACKGROUND </h2>
<h3></h3>
<button class="random" type="button">Random</button>
</div>
<script type="text/javascript" src="./script/script.js"></script>
</body>
</html>