GRADIENT
.ART
css
Sign In
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Minecraft Steve</title>
<style>
#root {
width: 800px;
height: 800px;
background:
radial-gradient(ellipse at 30% 30%, rgb(69 255 143 / 0) 0%, rgb(0 0 0 / 0.2) 100%) 0px 0px / 100px 100px repeat, /* Shadow */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 700px 200px / 100px 100px no-repeat, /* Hair */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 0px 200px / 100px 100px no-repeat, /* Hair */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 0px 0px / 800px 200px no-repeat, /* Hair */
linear-gradient(rgb(153 75 61 / 1), rgb(153 75 61 / 1)) 300px 500px / 200px 100px no-repeat, /* Nose */
linear-gradient(rgb(180 60 51 / 1), rgb(180 60 51 / 1)) 200px 600px / 400px 100px no-repeat, /* Mouth */
linear-gradient(90deg, rgb(255 255 255 / 1) 50%, rgb(35 62 123 / 1) 50%) 100px 400px / 200px 100px no-repeat, /* Left Eye */
linear-gradient(-90deg, rgb(255 255 255 / 1) 50%, rgb(35 62 123 / 1) 50%) 500px 400px / 200px 100px no-repeat, /* Right Eye */
linear-gradient(0deg, rgb(69 255 144 / 0) 98%, rgb(0 0 0 / 0.11) 98%) 0px -1px / 100px 100px repeat, /* Grid Horizontal */
linear-gradient(90deg, rgb(69 255 144 / 0) 98%, rgb(0 0 0 / 0.1) 98%) 1px 0px / 100px 100px repeat, /* Grid Vertical */
conic-gradient(from 0deg at 50% 50%, rgb(252 124 101 / 0.3) 25%, rgb(214 130 116 / 0.3) 25%, rgb(214 130 116 / 0.3) 50%, rgb(245 168 154 / 0.32) 50%, rgb(245 168 154 / 0.3) 75%, rgb(227 86 61 / 0.3) 75%) 100px 100px / 400px 400px repeat, /* Background */
conic-gradient(from 0deg at 50% 50%, rgb(252 124 101 / 1) 25%, rgb(245 107 83 / 1) 25%, rgb(245 107 83 / 1) 50%, rgb(232 128 109 / 1) 50%, rgb(232 128 109 / 1) 75%, rgb(237 106 83 / 1) 75%) 0px 0px / 200px 200px repeat; /* Background */
}
</style>
</head>
<body>
<div id="root"></div>
</body>
</html> Comments (0)
Forked from
Colors
Views
4,415
Code size
2.11 KB
Layers
12
Layers (12)
Shadow
radial
Hair
solid
Hair
solid
Hair
solid
Nose
solid
Mouth
solid
Left Eye
linear
Right Eye
linear
Grid Horizontal
linear
Grid Vertical
linear
Background
conic
Background
conic
GRADIENT
.ART
css