​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
<style>
4
    body {
5
        background-image: url('/pix/samples/bg2.png');
6
    }
7
    .box {
8
        font-size: 5vw;
9
        padding: 10vw;
10
        border: solid;
11
        background: linear-gradient(blue -200px, transparent);
12
    }
13
</style>
14
​
15
<div class="box">This has a linear gradient.</div>