css-snippets/background-solid.html at gh-pages · dycodedev/css-snippets · 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
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Responsive Flag of Indonesia</title>
    <style>
    html,
    body {
        margin: 0;
        height: 100%;
    }

    body {
        /* Old browsers */
        background: red;
        /* FF3.6+ */
        background: -moz-linear-gradient(180deg, red 50vh, white 0vh);
        /* Chrome,Safari4+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50vh, red), color-stop(0vh, white));
        /* Chrome10+,Safari5.1+ */
        background: -webkit-linear-gradient(180deg, red 50vh, white 0vh);
        /* Opera 11.10+ */
        background: -o-linear-gradient(180deg, red 50vh, white 0vh);
        /* IE10+ */
        background: -ms-linear-gradient(180deg, red 50vh, white 0vh);
        background: linear-gradient(180deg, red 50vh, white 0vh);
    }
    </style>
</head>

<body>
</body>

</html>