diff options
| author | s1n <[email protected]> | 2020-03-04 01:58:07 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-03-04 01:58:07 -0800 |
| commit | b1df5a6c1cd87016797a0582875ad6bd315010ff (patch) | |
| tree | cd3f6aadf7568819a70c7661f4d1d3ad63fe2d07 /css-gradient | |
| download | html-examples-b1df5a6c1cd87016797a0582875ad6bd315010ff.tar.xz html-examples-b1df5a6c1cd87016797a0582875ad6bd315010ff.zip | |
Diffstat (limited to 'css-gradient')
| -rw-r--r-- | css-gradient/css/main.css | 5 | ||||
| -rw-r--r-- | css-gradient/index.html | 16 |
2 files changed, 21 insertions, 0 deletions
diff --git a/css-gradient/css/main.css b/css-gradient/css/main.css new file mode 100644 index 0000000..894ddd2 --- /dev/null +++ b/css-gradient/css/main.css @@ -0,0 +1,5 @@ +body { + background-image: linear-gradient(to bottom right, #ff9eaa 0% 65%, #e860ff 95% 100%); + background-position: center; /* You can remove this, but atm it changes the colour to a blue-ish gradient. */ + background-attachment: fixed; +} diff --git a/css-gradient/index.html b/css-gradient/index.html new file mode 100644 index 0000000..0a1a917 --- /dev/null +++ b/css-gradient/index.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html lang="en"> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>s1nical - CSS Gradient</title> + <link rel="stylesheet" href="css/main.css"> + </head> + + <body> + + </body> + +</html> |