Linear gradients with CSS

by danielkwood

HTML

<html>
    <head>
        <title>Linear gradients</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>

    <body>
        <div class="gradient">
        </div>
    </body>
</html>

CSS

.gradient{
    width: 100%;
    height: 300px;
    background-image: linear-gradient(to bottom, #311b92, #7e57c2, #ede7f6);
}