-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
22 lines (22 loc) · 889 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 lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./style.css" />
<title>Background</title>
</head>
<body>
<h1>Background Generator</h1>
<input type="color" name="col1" id="col1" value="#32b382" />
<input type="color" name="col2" id="col2" value="#32b897" />
<h2>Current CSS Background :</h2>
<input disabled type="text" id="text" value="linear-gradient(to right, rgb(50, 179, 130), rgb(50, 184, 151))" />
<br />
<button onclick="myFunction()">Copy</button>
<button onclick="setRandomColor()">Random</button>
<h3 class="alertdone done">Copied.</h3>
<script src="./script.js"></script>
</body>
</html>