Skip to content

Instantly share code, notes, and snippets.

@xprnio

xprnio/index.html

Created January 14, 2022 10:51
Show Gist options
  • Save xprnio/50015f28e00abc9782ec2d40fe73baa9 to your computer and use it in GitHub Desktop.
Save xprnio/50015f28e00abc9782ec2d40fe73baa9 to your computer and use it in GitHub Desktop.
Download ZIP
Lava mountain gradient
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lava Mountainw</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="style.css" rel="stylesheet">
</head>
<body></body>
</html>
Raw
style.css
* {
box-sizing: border-box;
}
body {
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
margin: 0;
padding: 0;
background-image: linear-gradient(
20deg,
hsl(240deg 100% 20%) 3%,
hsl(304deg 100% 23%) 50%,
hsl(329deg 100% 36%) 53%,
hsl(346deg 83% 51%) 52%,
hsl(17deg 100% 59%) 51%,
hsl(40deg 100% 50%) 52%,
hsl(55deg 100% 50%) 53%,
hsl(40deg 100% 50%) 57%,
hsl(17deg 100% 59%) 62%,
hsl(346deg 83% 51%) 69%,
hsl(329deg 100% 36%) 78%,
hsl(304deg 100% 23%) 88%,
hsl(240deg 100% 20%) 100%
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment