-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
21 lines (20 loc) · 950 Bytes
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<title>linear-gradient generator</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="gradient">
<div class="wrapper">
<h1>linear-gradient generator</h1>
<input class="color1" type="color" name="color1" value="#17EAD9">
<input class="color2" type="color" name="color2" value="#6078EA">
<h2>current style for background:</h2>
<textarea id="style-field" readonly>linear-gradient(to right, rgb(196,234,243) , rgb(133,200,222));</textarea>
<div class="buttons"><button id="random-style">random</button><button id="copy-style">copy</button><span class="tooltip">copied</span></div>
<div class="more">Check Trendy Gradients by <a href="https://dribbble.com/shots/3380672-Sketch-Gradients-Freebie" rel="nofollow" target="_blank">Alexander Zaytsev</a></div>
<p class="copy">© gloomya 2018</p>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>