GRADIENT
.ART
css
Sign In
<div id="root"></div>#root {
width: 600px;
height: 600px;
background:
linear-gradient(0deg, transparent 98%, rgb(0 0 0 / 0.1) 98%) 0 -1px / 50px 50px, /* Grid */
linear-gradient(90deg, transparent 98%, rgb(0 0 0 / 0.2) 98%) 1px 0 / 50px 50px, /* Grid */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 500px 500px / 100px 100px no-repeat, /* Handle */
linear-gradient(rgb(203 161 64), rgb(203 161 64)) 500px 500px / 100px 100px no-repeat, /* Handle */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 450px 450px / 100px 100px no-repeat, /* Handle */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 400px 400px / 100px 100px no-repeat, /* Handle */
linear-gradient(rgb(203 161 64), rgb(203 161 64)) 400px 400px / 100px 100px no-repeat, /* Handle */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 350px 350px / 100px 100px no-repeat, /* Handle */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 300px 300px / 100px 100px no-repeat, /* Handle */
linear-gradient(rgb(203 161 64), rgb(203 161 64)) 300px 300px / 100px 100px no-repeat, /* Handle */
linear-gradient(rgb(203 161 64), rgb(203 161 64)) 100px 100px / 50px 50px no-repeat, /* Handle */
linear-gradient(rgb(203 161 64), rgb(203 161 64)) 50px 50px / 50px 50px no-repeat, /* Handle */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 250px 250px / 100px 100px no-repeat, /* Handle */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 150px 150px / 100px 100px no-repeat, /* Handle */
conic-gradient(rgb(83 58 0) 25%, transparent 25%, transparent 50%, rgb(83 58 0) 50%, rgb(83 58 0) 75%, transparent 75%) 200px 200px / 100px 100px no-repeat, /* Handle */
linear-gradient(rgb(83 58 0), rgb(83 58 0)) 50px 50px / 100px 100px no-repeat, /* Handle */
linear-gradient(rgb(203 161 64), rgb(203 161 64)) 200px 200px / 100px 100px no-repeat, /* Handle */
linear-gradient(rgb(0 121 111), rgb(0 121 111)) 150px 50px / 50px 50px no-repeat, /* Blade */
linear-gradient(rgb(0 121 111), rgb(0 121 111)) 50px 150px / 50px 50px no-repeat, /* Blade */
linear-gradient(rgb(49 219 206), rgb(49 219 206)) 50px 50px / 200px 200px no-repeat, /* Blade */
linear-gradient(rgb(49 219 206), rgb(49 219 206)) 200px 50px / 250px 50px no-repeat, /* Blade */
linear-gradient(rgb(0 121 111), rgb(0 121 111)) 450px 50px / 50px 50px no-repeat, /* Blade */
linear-gradient(rgb(0 121 111), rgb(0 121 111)) 200px 0 / 250px 150px no-repeat, /* Blade */
linear-gradient(rgb(49 219 206), rgb(49 219 206)) 50px 200px / 50px 250px no-repeat, /* Blade */
linear-gradient(rgb(0 121 111), rgb(0 121 111)) 50px 450px / 50px 50px no-repeat, /* Blade */
linear-gradient(rgb(0 121 111), rgb(0 121 111)) 0 200px / 150px 250px no-repeat, /* Blade */
linear-gradient(rgb(255 255 255), rgb(255 255 255)) 0 0 / 100px 100px; /* Background */
} Comments (0)
<iframe
src="https://gra.dient.art/embed/1jpt1goi1j"
title="Minecraft Axe | GradientArt"
width="600"
height="600"
style="border: 0; max-width: 100%; aspect-ratio: 600 / 600; height: auto;"
loading="lazy"
></iframe>Layers (27)
Grid
linear
Grid
linear
Handle
conic
Handle
solid
Handle
conic
Handle
conic
Handle
solid
Handle
conic
Handle
conic
Handle
solid
Handle
solid
Handle
solid
Handle
conic
Handle
conic
Handle
conic
Handle
solid
Handle
solid
Blade
solid
Blade
solid
Blade
solid
Blade
solid
Blade
solid
Blade
solid
Blade
solid
Blade
solid
Blade
solid
Background
solid
GRADIENT
.ART
css