forked from siriokun/css-examples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbackground-gradient.html
35 lines (31 loc) · 1.27 KB
/
background-gradient.html
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>Background Gradient</title>
<style>
html,
body {
margin: 0;
height: 100%;
}
body {
/* Old browsers */
background: #d8155d;
/* FF3.6+ */
background: -moz-linear-gradient(-45deg, #d8155d 0%, #6c145c 25%, #3d1c6f 44%, #2B2C92 59%, #2B2C92 71%, #01dbf8 100%);
/* Chrome,Safari4+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d8155d), color-stop(25%, #6c145c), color-stop(44%, #3d1c6f), color-stop(59%, #2B2C92), color-stop(71%, #2B2C92), color-stop(100%, #01dbf8));
/* Chrome10+,Safari5.1+ */
background: -webkit-linear-gradient(-45deg, #d8155d 0%, #6c145c 25%, #3d1c6f 44%, #2B2C92 59%, #204BA0 71%, #01dbf8 100%);
/* Opera 11.10+ */
background: -o-linear-gradient(-45deg, #d8155d 0%, #6c145c 25%, #3d1c6f 44%, #2B2C92 59%, #2B2C92 71%, #01dbf8 100%);
/* IE10+ */
background: -ms-linear-gradient(-45deg, #d8155d 0%, #6c145c 25%, #3d1c6f 44%, #2B2C92 59%, #204BA0 71%, #01dbf8 100%);
background: linear-gradient(135deg, #d8155d 0%, #6c145c 25%, #3d1c6f 44%, #2B2C92 59%, #204BA0 71%, #01dbf8 100%);
}
</style>
</head>
<body>
</body>
</html>