jQuery, CSS and HTML

<!DOCTYPE html>
<html>
    <head>

    </head>

    <body>
        <div id="wrapper">
            <h1 style="color:#fff;text-align:center">A demo of Gradientify</h1>
            <p style="color:#fff;text-align:center">CSS gradient transitions by using a jQuery plug-in</p>
        </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="js/gradientify/jquery.gradientify.min.js"></script>
        <script>
            $(document).ready(function() {
                $("body").gradientify({
                    gradients: [
                        { start: [255,15,15], stop: [128,64,64] },
                        { start: [138,138,0], stop: [64,128,128] }
                    ]
                });
            });
        </script>
 
    </body>
</html>

A demo of Gradientify

CSS gradient transitions by using a jQuery plug-in