RandomGradient/index.html at master · Gabriel-Denys/RandomGradient · 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
<html>

<head>
    <meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover">
    <!--<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">-->
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    <script src="gradients.js"></script>
</head>

<body>
    <script>
        gradients.init({
            hex: false,
            array: true,
            opacity: 1
        }).then(fn => {
            $("body").css("background", "linear-gradient(" + gradients.color("Hello World") + ")")
        });

    </script>
</body>

</html>