Creative Textures & Patterns·Pattern
Botanical Pattern
“Nature’s Palette. Turn macro photography into abstract, tiled CSS patterns for unique web backgrounds.”
PatternMacroTexture672 shadows
Original Photo vs CSS Conversion
Original Photo
CSS Box-Shadow (Colour)
Full Colour Variant
CSS · 672 shadows
.css-image {
width: 1px;
height: 1px;
box-shadow:
0px 0px 0 5px #1f2c25,
10px 0px 0 5px #1e2b24,
20px 0px 0 5px #1f2c24,
30px 0px 0 5px #223127,
40px 0px 0 5px #25352a,
50px 0px 0 5px #27382d,
60px 0px 0 5px #293c2f,
70px 0px 0 5px #2c4133,
80px 0px 0 5px #32483a,
90px 0px 0 5px #384f41,
100px 0px 0 5px #3c5545,
110px 0px 0 5px #385141,
120px 0px 0 5px #354d3b,
130px 0px 0 5px #334d39,
140px 0px 0 5px #3c5441,
150px 0px 0 5px #374d39,
160px 0px 0 5px #405544,
170px 0px 0 5px #344933,
180px 0px 0 5px #324834,
190px 0px 0 5px #2c4330,
200px 0px 0 5px #374d3a,
210px 0px 0 5px #3d5441,
220px 0px 0 5px #3d5842,
230px 0px 0 5px #405d45,
240px 0px 0 5px #436046,
250px 0px 0 5px #446346,
260px 0px 0 5px #426043,
270px 0px 0 5px #3a553b,
280px 0px 0 5px #2f4432,
290px 0px 0 5px #29392c,
300px 0px 0 5px #223226,
310px 0px 0 5px #202c23,
0px 10px 0 5px #1f2c26,
10px 10px 0 5px #1f2d24,
20px 10px 0 5px #223025,
30px 10px 0 5px #26352a,
40px 10px 0 5px #2a3c2f,
50px 10px 0 5px #2d4235,
60px 10px 0 5px #314738,
70px 10px 0 5px #344b3a,
80px 10px 0 5px #3a5240,
90px 10px 0 5px #3d5745,
100px 10px 0 5px #375442,
110px 10px 0 5px #4d6347,
120px 10px 0 5px #61785f,
130px 10px 0 5px #96a89c,
140px 10px 0 5px #a4b19a,
150px 10px 0 5px #a8b294,
160px 10px 0 5px #aeb7a5,
170px 10px 0 5px #a5af91,
180px 10px 0 5px #99a997,
190px 10px 0 5px #687e6c,
200px 10px 0 5px #3c5841,
210px 10px 0 5px #3d5b43,
220px 10px 0 5px #48654e,
230px 10px 0 5px #4e6c53,
240px 10px 0 5px #517356,
250px 10px 0 5px #527556,
260px 10px 0 5px #4d6f4f,
270px 10px 0 5px #436147,
280px 10px 0 5px #374e39,
290px 10px 0 5px #2c4030,
300px 10px 0 5px #253427,
310px 10px 0 5px #202c22,
0px 20px 0 5px #1f2c24,
10px 20px 0 5px #222f25,
20px 20px 0 5px #253429,
30px 20px 0 5px #2a3a2d,
40px 20px 0 5px #2f4435,
50px 20px 0 5px #364d3b,
60px 20px 0 5px #39533f,
70px 20px 0 5px #3d5943,
80px 20px 0 5px #405d47,
90px 20px 0 5px #43624a,
100px 20px 0 5px #728a74,
110px 20px 0 5px #b4bea7,
120px 20px 0 5px #ccd3be,
130px 20px 0 5px #d5daca,
140px 20px 0 5px #d5d6b8,
150px 20px 0 5px #d4d7be,
160px 20px 0 5px #cdcba4,
170px 20px 0 5px #d1d5bf,
180px 20px 0 5px #ced4bd,
190px 20px 0 5px #ccd3c0,
200px 20px 0 5px #a1b29c,
210px 20px 0 5px #839b88,
220px 20px 0 5px #5a7a62,
230px 20px 0 5px #5e7f66,
240px 20px 0 5px #60846a,
250px 20px 0 5px #5f8268,
260px 20px 0 5px #56795d,
270px 20px 0 5px #4a684f,
280px 20px 0 5px #3b5540,
290px 20px 0 5px #2e4333,
300px 20px 0 5px #253528,
310px 20px 0 5px #1f2c21,
0px 30px 0 5px #212f27,
10px 30px 0 5px #25342a,
20px 30px 0 5px #2a3a2e,
30px 30px 0 5px #2e4132,
40px 30px 0 5px #344a38,
50px 30px 0 5px #3c553f,
60px 30px 0 5px #3f5d45,
70px 30px 0 5px #4d6c56,
80px 30px 0 5px #5b7b66,
90px 30px 0 5px #8ba38d,
100px 30px 0 5px #d3d8bd,
110px 30px 0 5px #d6ddcf,
120px 30px 0 5px #d9decb,
130px 30px 0 5px #dbdbb7,
140px 30px 0 5px #e0dca7,
150px 30px 0 5px #dcdec0,
160px 30px 0 5px #dedebd,
170px 30px 0 5px #dadcbe,
180px 30px 0 5px #d8ddc9,
190px 30px 0 5px #d6dcc5,
200px 30px 0 5px #d9decd,
210px 30px 0 5px #ccd4be,
220px 30px 0 5px #87a48b,
230px 30px 0 5px #658b71,
240px 30px 0 5px #6b8f75,
250px 30px 0 5px #678c73,
260px 30px 0 5px #5b7e66,
270px 30px 0 5px #4d6c55,
280px 30px 0 5px #415c47,
290px 30px 0 5px #334a39,
300px 30px 0 5px #27382b,
310px 30px 0 5px #223124,
0px 40px 0 5px #24332c,
10px 40px 0 5px #283a2f,
20px 40px 0 5px #2d3f31,
30px 40px 0 5px #314633,
40px 40px 0 5px #3a513b,
50px 40px 0 5px #446049,
60px 40px 0 5px #426349,
70px 40px 0 5px #74917d,
80px 40px 0 5px #becdbe,
90px 40px 0 5px #cdd7c5,
100px 40px 0 5px #dadfc4,
110px 40px 0 5px #d9ddb7,
120px 40px 0 5px #dce0b9,
130px 40px 0 5px #e2e4c1,
140px 40px 0 5px #e7e6c7,
150px 40px 0 5px #e5e6c9,
160px 40px 0 5px #e6e7c7,
170px 40px 0 5px #e4e4bc,
180px 40px 0 5px #d7d895,
190px 40px 0 5px #dbddad,
200px 40px 0 5px #dfe0bd,
210px 40px 0 5px #d9ddc2,
220px 40px 0 5px #d2dccc,
230px 40px 0 5px #a1b9a8,
240px 40px 0 5px #7da18b,
250px 40px 0 5px #709781,
260px 40px 0 5px #668976,
270px 40px 0 5px #577864,
280px 40px 0 5px #4a6856,
290px 40px 0 5px #3f5849,
300px 40px 0 5px #304536,
310px 40px 0 5px #27382a,
0px 50px 0 5px #27382f,
10px 50px 0 5px #2a3f32,
20px 50px 0 5px #2e4231,
30px 50px 0 5px #354b36,
40px 50px 0 5px #405b43,
50px 50px 0 5px #47674d,
60px 50px 0 5px #53775c,
70px 50px 0 5px #b9c8b8,
80px 50px 0 5px #dbe3d3,
90px 50px 0 5px #d7debe,
100px 50px 0 5px #e2e7d2,
110px 50px 0 5px #e6e6c0,
120px 50px 0 5px #ebe9c2,
130px 50px 0 5px #efe17c,
140px 50px 0 5px #eae8bc,
150px 50px 0 5px #ede9ac,
160px 50px 0 5px #ede89f,
170px 50px 0 5px #e9e9bf,
180px 50px 0 5px #e4e3a4,
190px 50px 0 5px #e9e8c8,
200px 50px 0 5px #e8e7c0,
210px 50px 0 5px #e0e4c9,
220px 50px 0 5px #dce0bd,
230px 50px 0 5px #cbd7c2,
240px 50px 0 5px #88ab98,
250px 50px 0 5px #739984,
260px 50px 0 5px #6b8d7b,
270px 50px 0 5px #618471,
280px 50px 0 5px #567666,
290px 50px 0 5px #4b6859,
300px 50px 0 5px #3d5647,
310px 50px 0 5px #2a3e30,
0px 60px 0 5px #293d32,
10px 60px 0 5px #2f4436,
20px 60px 0 5px #324835,
30px 60px 0 5px #3b543e,
40px 60px 0 5px #46654d,
50px 60px 0 5px #4e7156,
60px 60px 0 5px #6c8e78,
70px 60px 0 5px #d0dcc9,
80px 60px 0 5px #e2e8d3,
90px 60px 0 5px #e0e4bf,
100px 60px 0 5px #e8e8c2,
110px 60px 0 5px #e5e6b8,
120px 60px 0 5px #e9e493,
130px 60px 0 5px #efe690,
140px 60px 0 5px #e2dd6b,
150px 60px 0 5px #ede684,
160px 60px 0 5px #efedb7,
170px 60px 0 5px #f0e88b,
180px 60px 0 5px #f1eca8,
190px 60px 0 5px #ededcc,
200px 60px 0 5px #eaeac0,
210px 60px 0 5px #e6ead1,
220px 60px 0 5px #dee4c9,
230px 60px 0 5px #d9e2cd,
240px 60px 0 5px #aec5b6,
250px 60px 0 5px #688f75,
260px 60px 0 5px #698c76,
270px 60px 0 5px #678978,
280px 60px 0 5px #618473,
290px 60px 0 5px #557564,
300px 60px 0 5px #446051,
310px 60px 0 5px #314639,
0px 70px 0 5px #2d4236,
10px 70px 0 5px #344b3d,
20px 70px 0 5px #395341,
30px 70px 0 5px #42604b,
40px 70px 0 5px #4c6d55,
50px 70px 0 5px #50755c,
60px 70px 0 5px #a8c0b4,
70px 70px 0 5px #e1e8d2,
80px 70px 0 5px #e0e4c2,
90px 70px 0 5px #e1e4b8,
100px 70px 0 5px #e7e7b7,
110px 70px 0 5px #ecedcb,
120px 70px 0 5px #ece275,
130px 70px 0 5px #eae16d,
140px 70px 0 5px #deda68,
150px 70px 0 5px #e0d961,
160px 70px 0 5px #d7ce30,
170px 70px 0 5px #e0d957,
180px 70px 0 5px #e7e384,
190px 70px 0 5px #e8e385,
200px 70px 0 5px #e3e3a3,
210px 70px 0 5px #e6e9c4,
220px 70px 0 5px #dde4c0,
230px 70px 0 5px #dce2c6,
240px 70px 0 5px #cad6be,
250px 70px 0 5px #7d9d84,
260px 70px 0 5px #64876e,
270px 70px 0 5px #688b78,
280px 70px 0 5px #698b7c,
290px 70px 0 5px #5d7e6d,
300px 70px 0 5px #486555,
310px 70px 0 5px #364e3f,
0px 80px 0 5px #2e4438,
10px 80px 0 5px #355041,
20px 80px 0 5px #3d5949,
30px 80px 0 5px #456551,
40px 80px 0 5px #4e715b,
50px 80px 0 5px #4e735a,
60px 80px 0 5px #a7beac,
70px 80px 0 5px #e3e9ce,
80px 80px 0 5px #e3e8d1,
90px 80px 0 5px #e5e7c5,
100px 80px 0 5px #e5e39a,
110px 80px 0 5px #ede58d,
120px 80px 0 5px #eae8ad,
130px 80px 0 5px #eae59e,
140px 80px 0 5px #f0ebbc,
150px 80px 0 5px #f1e9a9,
160px 80px 0 5px #ebe59b,
170px 80px 0 5px #e4de79,
180px 80px 0 5px #eee793,
190px 80px 0 5px #e1de77,
200px 80px 0 5px #e6e39d,
210px 80px 0 5px #e7eacb,
220px 80px 0 5px #e4ead3,
230px 80px 0 5px #dde1be,
240px 80px 0 5px #dee4c7,
250px 80px 0 5px #96ae98,
260px 80px 0 5px #5f8169,
270px 80px 0 5px #64876f,
280px 80px 0 5px #628471,
290px 80px 0 5px #587a69,
300px 80px 0 5px #466454,
310px 80px 0 5px #354e3d,
0px 90px 0 5px #2d4237,
10px 90px 0 5px #344e40,
20px 90px 0 5px #3e5b4b,
30px 90px 0 5px #486956,
40px 90px 0 5px #4c6f5a,
50px 90px 0 5px #608470,
60px 90px 0 5px #c4d3bf,
70px 90px 0 5px #dde2bc,
80px 90px 0 5px #e2e6c3,
90px 90px 0 5px #e4e4ab,
100px 90px 0 5px #e5e4a3,
110px 90px 0 5px #e3df84,
120px 90px 0 5px #ebe595,
130px 90px 0 5px #efe9b0,
140px 90px 0 5px #f3e38c,
150px 90px 0 5px #f2e07e,
160px 90px 0 5px #f7edba,
170px 90px 0 5px #efe79f,
180px 90px 0 5px #e8df70,
190px 90px 0 5px #edeac1,
200px 90px 0 5px #e5e2a2,
210px 90px 0 5px #dcdf9d,
220px 90px 0 5px #dee1ae,
230px 90px 0 5px #dbe3ca,
240px 90px 0 5px #d8e2ce,
250px 90px 0 5px #adc3b4,
260px 90px 0 5px #678a72,
270px 90px 0 5px #63866f,
280px 90px 0 5px #5b7d67,
290px 90px 0 5px #50715d,
300px 90px 0 5px #42604e,
310px 90px 0 5px #324a3a,
0px 100px 0 5px #2a3f32,
10px 100px 0 5px #334c3e,
20px 100px 0 5px #3d5b4b,
30px 100px 0 5px #486a59,
40px 100px 0 5px #486c57,
50px 100px 0 5px #688a77,
60px 100px 0 5px #d2dfd0,
70px 100px 0 5px #dfe4c5,
80px 100px 0 5px #d8dca7,
90px 100px 0 5px #e5e7b9,
100px 100px 0 5px #e9e398,
110px 100px 0 5px #e0dd89,
120px 100px 0 5px #e8dd65,
130px 100px 0 5px #efe488,
140px 100px 0 5px #f1e6a9,
150px 100px 0 5px #efde7c,
160px 100px 0 5px #f4e9aa,
170px 100px 0 5px #f3edc2,
180px 100px 0 5px #d3cd54,
190px 100px 0 5px #e0db85,
200px 100px 0 5px #e8e8bb,
210px 100px 0 5px #e6e3a2,
220px 100px 0 5px #e9e29f,
230px 100px 0 5px #dadfb2,
240px 100px 0 5px #d3dbb6,
250px 100px 0 5px #97ac8e,
260px 100px 0 5px #5e826b,
270px 100px 0 5px #668973,
280px 100px 0 5px #587a64,
290px 100px 0 5px #4a6955,
300px 100px 0 5px #3e5a47,
310px 100px 0 5px #324a3a,
0px 110px 0 5px #283a2e,
10px 110px 0 5px #30473a,
20px 110px 0 5px #3b5748,
30px 110px 0 5px #446553,
40px 110px 0 5px #456853,
50px 110px 0 5px #5b7e69,
60px 110px 0 5px #c9d5b7,
70px 110px 0 5px #d9e1c2,
80px 110px 0 5px #dde2bf,
90px 110px 0 5px #e2e5b7,
100px 110px 0 5px #eadd6c,
110px 110px 0 5px #ede69e,
120px 110px 0 5px #e6e39c,
130px 110px 0 5px #e8e292,
140px 110px 0 5px #f6ebab,
150px 110px 0 5px #f2e8ae,
160px 110px 0 5px #f5eab3,
170px 110px 0 5px #ded679,
180px 110px 0 5px #d5cd53,
190px 110px 0 5px #dfdb7d,
200px 110px 0 5px #e8eacd,
210px 110px 0 5px #e5e5b5,
220px 110px 0 5px #dfe3bf,
230px 110px 0 5px #d8deb7,
240px 110px 0 5px #d4dcb4,
250px 110px 0 5px #a0b4a0,
260px 110px 0 5px #54745c,
270px 110px 0 5px #5d7e68,
280px 110px 0 5px #53735d,
290px 110px 0 5px #456250,
300px 110px 0 5px #395443,
310px 110px 0 5px #304738,
0px 120px 0 5px #243428,
10px 120px 0 5px #2a3f31,
20px 120px 0 5px #344e3e,
30px 120px 0 5px #3e5d48,
40px 120px 0 5px #456650,
50px 120px 0 5px #4f745f,
60px 120px 0 5px #afc3aa,
70px 120px 0 5px #d8deb6,
80px 120px 0 5px #d7dcad,
90px 120px 0 5px #dbe0b5,
100px 120px 0 5px #e0e3b0,
110px 120px 0 5px #e4df7d,
120px 120px 0 5px #e6dd68,
130px 120px 0 5px #e4df8b,
140px 120px 0 5px #e7db77,
150px 120px 0 5px #f5e796,
160px 120px 0 5px #e0da8f,
170px 120px 0 5px #d5d075,
180px 120px 0 5px #e1db7c,
190px 120px 0 5px #ece381,
200px 120px 0 5px #dddb98,
210px 120px 0 5px #e0e3ba,
220px 120px 0 5px #dae0ba,
230px 120px 0 5px #cfd6a2,
240px 120px 0 5px #d0dabd,
250px 120px 0 5px #91aa98,
260px 120px 0 5px #476552,
270px 120px 0 5px #4c6957,
280px 120px 0 5px #476453,
290px 120px 0 5px #3d5949,
300px 120px 0 5px #344e3e,
310px 120px 0 5px #2d4336,
0px 130px 0 5px #202e20,
10px 130px 0 5px #253625,
20px 130px 0 5px #2e432f,
30px 130px 0 5px #39533c,
40px 130px 0 5px #44624b,
50px 130px 0 5px #436850,
60px 130px 0 5px #86a283,
70px 130px 0 5px #d9e0c1,
80px 130px 0 5px #d1d8af,
90px 130px 0 5px #dbe0b1,
100px 130px 0 5px #dfe0a7,
110px 130px 0 5px #d5d783,
120px 130px 0 5px #dedf95,
130px 130px 0 5px #dcd877,
140px 130px 0 5px #d6d273,
150px 130px 0 5px #cbc76a,
160px 130px 0 5px #dfd87a,
170px 130px 0 5px #e3d962,
180px 130px 0 5px #dcdb9b,
190px 130px 0 5px #e1dd8a,
200px 130px 0 5px #dedb91,
210px 130px 0 5px #dbda9b,
220px 130px 0 5px #cdd49e,
230px 130px 0 5px #d3dbb6,
240px 130px 0 5px #bbccb2,
250px 130px 0 5px #4c6a58,
260px 130px 0 5px #3e5949,
270px 130px 0 5px #3f5b4b,
280px 130px 0 5px #3c5849,
290px 130px 0 5px #375244,
300px 130px 0 5px #31473b,
310px 130px 0 5px #293d34,
0px 140px 0 5px #1f2a1b,
10px 140px 0 5px #243221,
20px 140px 0 5px #2c3d2a,
30px 140px 0 5px #364e38,
40px 140px 0 5px #415d46,
50px 140px 0 5px #47684f,
60px 140px 0 5px #5e846c,
70px 140px 0 5px #b7c79d,
80px 140px 0 5px #d3d499,
90px 140px 0 5px #d0d6a4,
100px 140px 0 5px #d7deb5,
110px 140px 0 5px #dcdc96,
120px 140px 0 5px #dddea6,
130px 140px 0 5px #e2dd7e,
140px 140px 0 5px #d8d36c,
150px 140px 0 5px #c8c564,
160px 140px 0 5px #ddd588,
170px 140px 0 5px #ccc960,
180px 140px 0 5px #cacd74,
190px 140px 0 5px #e1dfa5,
200px 140px 0 5px #d9ddb0,
210px 140px 0 5px #d8daa5,
220px 140px 0 5px #d0d59c,
230px 140px 0 5px #ccd6b3,
240px 140px 0 5px #8ea588,
250px 140px 0 5px #3a5646,
260px 140px 0 5px #3e594a,
270px 140px 0 5px #3e5a4b,
280px 140px 0 5px #3b574b,
290px 140px 0 5px #354f44,
300px 140px 0 5px #2e433a,
310px 140px 0 5px #273a32,
0px 150px 0 5px #1e281a,
10px 150px 0 5px #23301f,
20px 150px 0 5px #2b3c29,
30px 150px 0 5px #364d38,
40px 150px 0 5px #3f5a43,
50px 150px 0 5px #496850,
60px 150px 0 5px #507663,
70px 150px 0 5px #8aa693,
80px 150px 0 5px #c5d1b5,
90px 150px 0 5px #cbd2a8,
100px 150px 0 5px #d0d290,
110px 150px 0 5px #cfd07f,
120px 150px 0 5px #cecf82,
130px 150px 0 5px #d1cd65,
140px 150px 0 5px #d3d38c,
150px 150px 0 5px #dcd78f,
160px 150px 0 5px #c2c155,
170px 150px 0 5px #c5c24d,
180px 150px 0 5px #d6ce63,
190px 150px 0 5px #d7ddbd,
200px 150px 0 5px #cdd39f,
210px 150px 0 5px #cad3ab,
220px 150px 0 5px #c7cf97,
230px 150px 0 5px #b5c6a9,
240px 150px 0 5px #445f4d,
250px 150px 0 5px #385242,
260px 150px 0 5px #3e594b,
270px 150px 0 5px #3f5b4e,
280px 150px 0 5px #3a554a,
290px 150px 0 5px #334c42,
300px 150px 0 5px #2c403a,
310px 150px 0 5px #253831,
0px 160px 0 5px #1b2616,
10px 160px 0 5px #212d1c,
20px 160px 0 5px #293a28,
30px 160px 0 5px #334834,
40px 160px 0 5px #3b543e,
50px 160px 0 5px #43624b,
60px 160px 0 5px #53755e,
70px 160px 0 5px #587d6c,
80px 160px 0 5px #84a089,
90px 160px 0 5px #cdd4a8,
100px 160px 0 5px #ccd2a5,
110px 160px 0 5px #c8cc97,
120px 160px 0 5px #ccc76f,
130px 160px 0 5px #cfce8c,
140px 160px 0 5px #c9cf91,
150px 160px 0 5px #d0d49b,
160px 160px 0 5px #c8ce99,
170px 160px 0 5px #cbcf95,
180px 160px 0 5px #d6d083,
190px 160px 0 5px #c9d1a8,
200px 160px 0 5px #c5cc9d,
210px 160px 0 5px #b9c28f,
220px 160px 0 5px #bac9a2,
230px 160px 0 5px #748c71,
240px 160px 0 5px #395243,
250px 160px 0 5px #3e594a,
260px 160px 0 5px #3f5a4d,
270px 160px 0 5px #3c584d,
280px 160px 0 5px #365046,
290px 160px 0 5px #2f453e,
300px 160px 0 5px #283b35,
310px 160px 0 5px #24342d,
0px 170px 0 5px #182214,
10px 170px 0 5px #1e2a19,
20px 170px 0 5px #263423,
30px 170px 0 5px #2d3f2c,
40px 170px 0 5px #364b36,
50px 170px 0 5px #3e5841,
60px 170px 0 5px #47664e,
70px 170px 0 5px #4c6d55,
80px 170px 0 5px #577761,
90px 170px 0 5px #859d89,
100px 170px 0 5px #aab589,
110px 170px 0 5px #bcc396,
120px 170px 0 5px #bec180,
130px 170px 0 5px #c1c792,
140px 170px 0 5px #bbc28f,
150px 170px 0 5px #bfc89e,
160px 170px 0 5px #bec385,
170px 170px 0 5px #bec79e,
180px 170px 0 5px #bec489,
190px 170px 0 5px #b6c092,
200px 170px 0 5px #b1bc8d,
210px 170px 0 5px #adbb91,
220px 170px 0 5px #5c745f,
230px 170px 0 5px #344c3c,
240px 170px 0 5px #3a5244,
250px 170px 0 5px #3c5649,
260px 170px 0 5px #3b554b,
270px 170px 0 5px #374f47,
280px 170px 0 5px #324741,
290px 170px 0 5px #2b3f39,
300px 170px 0 5px #253730,
310px 170px 0 5px #223029,
0px 180px 0 5px #171f14,
10px 180px 0 5px #1a2516,
20px 180px 0 5px #222d1d,
30px 180px 0 5px #283524,
40px 180px 0 5px #2e402e,
50px 180px 0 5px #354b36,
60px 180px 0 5px #3a543e,
70px 180px 0 5px #3e5a44,
80px 180px 0 5px #405d46,
90px 180px 0 5px #435e45,
100px 180px 0 5px #5c7455,
110px 180px 0 5px #96a782,
120px 180px 0 5px #a6b28d,
130px 180px 0 5px #afb889,
140px 180px 0 5px #b2ba81,
150px 180px 0 5px #b2bd97,
160px 180px 0 5px #b2bb82,
170px 180px 0 5px #a9b47d,
180px 180px 0 5px #a3ac63,
190px 180px 0 5px #9fac7c,
200px 180px 0 5px #899967,
210px 180px 0 5px #5e7358,
220px 180px 0 5px #2c4132,
230px 180px 0 5px #33493b,
240px 180px 0 5px #32483d,
250px 180px 0 5px #31473c,
260px 180px 0 5px #32473f,
270px 180px 0 5px #30453e,
280px 180px 0 5px #2a3e38,
290px 180px 0 5px #253631,
300px 180px 0 5px #212f2a,
310px 180px 0 5px #1e2a24,
0px 190px 0 5px #172016,
10px 190px 0 5px #192319,
20px 190px 0 5px #1c261a,
30px 190px 0 5px #212c1d,
40px 190px 0 5px #273424,
50px 190px 0 5px #2b3c29,
60px 190px 0 5px #2e412e,
70px 190px 0 5px #324835,
80px 190px 0 5px #39513d,
90px 190px 0 5px #475d49,
100px 190px 0 5px #486049,
110px 190px 0 5px #485d43,
120px 190px 0 5px #5a6c4e,
130px 190px 0 5px #76896a,
140px 190px 0 5px #7d8f69,
150px 190px 0 5px #7b8c67,
160px 190px 0 5px #6b7b5b,
170px 190px 0 5px #556543,
180px 190px 0 5px #617355,
190px 190px 0 5px #445843,
200px 190px 0 5px #314534,
210px 190px 0 5px #27382b,
220px 190px 0 5px #2b3d30,
230px 190px 0 5px #293c30,
240px 190px 0 5px #273931,
250px 190px 0 5px #26372f,
260px 190px 0 5px #263830,
270px 190px 0 5px #263731,
280px 190px 0 5px #22312c,
290px 190px 0 5px #1d2a25,
300px 190px 0 5px #1a2621,
310px 190px 0 5px #18241f,
0px 200px 0 5px #1c271d,
10px 200px 0 5px #1e2a1f,
20px 200px 0 5px #1b261b,
30px 200px 0 5px #1b251a,
40px 200px 0 5px #212c1e,
50px 200px 0 5px #243020,
60px 200px 0 5px #273624,
70px 200px 0 5px #2b3f2c,
80px 200px 0 5px #334a36,
90px 200px 0 5px #3e5543,
100px 200px 0 5px #415644,
110px 200px 0 5px #3b4b36,
120px 200px 0 5px #394932,
130px 200px 0 5px #36452e,
140px 200px 0 5px #394937,
150px 200px 0 5px #2e3f2e,
160px 200px 0 5px #253524,
170px 200px 0 5px #243223,
180px 200px 0 5px #243326,
190px 200px 0 5px #233225,
200px 200px 0 5px #243327,
210px 200px 0 5px #253428,
220px 200px 0 5px #233227,
230px 200px 0 5px #212f26,
240px 200px 0 5px #202d26,
250px 200px 0 5px #202d26,
260px 200px 0 5px #1f2c25,
270px 200px 0 5px #1c2922,
280px 200px 0 5px #18241e,
290px 200px 0 5px #151f1a,
300px 200px 0 5px #141e18,
310px 200px 0 5px #15201a;
}Grayscale Variant
CSS · 672 shadows
.css-image {
width: 1px;
height: 1px;
box-shadow:
0px 0px 0 5px rgb(39,39,39),
10px 0px 0 5px rgb(38,38,38),
20px 0px 0 5px rgb(39,39,39),
30px 0px 0 5px rgb(43,43,43),
40px 0px 0 5px rgb(47,47,47),
50px 0px 0 5px rgb(50,50,50),
60px 0px 0 5px rgb(53,53,53),
70px 0px 0 5px rgb(57,57,57),
80px 0px 0 5px rgb(64,64,64),
90px 0px 0 5px rgb(71,71,71),
100px 0px 0 5px rgb(76,76,76),
110px 0px 0 5px rgb(72,72,72),
120px 0px 0 5px rgb(68,68,68),
130px 0px 0 5px rgb(67,67,67),
140px 0px 0 5px rgb(75,75,75),
150px 0px 0 5px rgb(68,68,68),
160px 0px 0 5px rgb(77,77,77),
170px 0px 0 5px rgb(64,64,64),
180px 0px 0 5px rgb(63,63,63),
190px 0px 0 5px rgb(58,58,58),
200px 0px 0 5px rgb(68,68,68),
210px 0px 0 5px rgb(75,75,75),
220px 0px 0 5px rgb(77,77,77),
230px 0px 0 5px rgb(82,82,82),
240px 0px 0 5px rgb(84,84,84),
250px 0px 0 5px rgb(86,86,86),
260px 0px 0 5px rgb(84,84,84),
270px 0px 0 5px rgb(74,74,74),
280px 0px 0 5px rgb(60,60,60),
290px 0px 0 5px rgb(51,51,51),
300px 0px 0 5px rgb(44,44,44),
310px 0px 0 5px rgb(39,39,39),
0px 10px 0 5px rgb(39,39,39),
10px 10px 0 5px rgb(40,40,40),
20px 10px 0 5px rgb(43,43,43),
30px 10px 0 5px rgb(47,47,47),
40px 10px 0 5px rgb(53,53,53),
50px 10px 0 5px rgb(58,58,58),
60px 10px 0 5px rgb(63,63,63),
70px 10px 0 5px rgb(66,66,66),
80px 10px 0 5px rgb(73,73,73),
90px 10px 0 5px rgb(77,77,77),
100px 10px 0 5px rgb(73,73,73),
110px 10px 0 5px rgb(89,89,89),
120px 10px 0 5px rgb(110,110,110),
130px 10px 0 5px rgb(161,161,161),
140px 10px 0 5px rgb(170,170,170),
150px 10px 0 5px rgb(172,172,172),
160px 10px 0 5px rgb(178,178,178),
170px 10px 0 5px rgb(169,169,169),
180px 10px 0 5px rgb(162,162,162),
190px 10px 0 5px rgb(117,117,117),
200px 10px 0 5px rgb(77,77,77),
210px 10px 0 5px rgb(79,79,79),
220px 10px 0 5px rgb(90,90,90),
230px 10px 0 5px rgb(96,96,96),
240px 10px 0 5px rgb(102,102,102),
250px 10px 0 5px rgb(103,103,103),
260px 10px 0 5px rgb(97,97,97),
270px 10px 0 5px rgb(85,85,85),
280px 10px 0 5px rgb(69,69,69),
290px 10px 0 5px rgb(56,56,56),
300px 10px 0 5px rgb(46,46,46),
310px 10px 0 5px rgb(39,39,39),
0px 20px 0 5px rgb(39,39,39),
10px 20px 0 5px rgb(42,42,42),
20px 20px 0 5px rgb(46,46,46),
30px 20px 0 5px rgb(52,52,52),
40px 20px 0 5px rgb(60,60,60),
50px 20px 0 5px rgb(68,68,68),
60px 20px 0 5px rgb(73,73,73),
70px 20px 0 5px rgb(78,78,78),
80px 20px 0 5px rgb(82,82,82),
90px 20px 0 5px rgb(86,86,86),
100px 20px 0 5px rgb(128,128,128),
110px 20px 0 5px rgb(184,184,184),
120px 20px 0 5px rgb(207,207,207),
130px 20px 0 5px rgb(215,215,215),
140px 20px 0 5px rgb(210,210,210),
150px 20px 0 5px rgb(211,211,211),
160px 20px 0 5px rgb(199,199,199),
170px 20px 0 5px rgb(209,209,209),
180px 20px 0 5px rgb(208,208,208),
190px 20px 0 5px rgb(207,207,207),
200px 20px 0 5px rgb(170,170,170),
210px 20px 0 5px rgb(146,146,146),
220px 20px 0 5px rgb(110,110,110),
230px 20px 0 5px rgb(114,114,114),
240px 20px 0 5px rgb(118,118,118),
250px 20px 0 5px rgb(117,117,117),
260px 20px 0 5px rgb(107,107,107),
270px 20px 0 5px rgb(92,92,92),
280px 20px 0 5px rgb(75,75,75),
290px 20px 0 5px rgb(59,59,59),
300px 20px 0 5px rgb(47,47,47),
310px 20px 0 5px rgb(39,39,39),
0px 30px 0 5px rgb(42,42,42),
10px 30px 0 5px rgb(46,46,46),
20px 30px 0 5px rgb(52,52,52),
30px 30px 0 5px rgb(58,58,58),
40px 30px 0 5px rgb(65,65,65),
50px 30px 0 5px rgb(75,75,75),
60px 30px 0 5px rgb(81,81,81),
70px 30px 0 5px rgb(96,96,96),
80px 30px 0 5px rgb(111,111,111),
90px 30px 0 5px rgb(153,153,153),
100px 30px 0 5px rgb(211,211,211),
110px 30px 0 5px rgb(217,217,217),
120px 30px 0 5px rgb(218,218,218),
130px 30px 0 5px rgb(215,215,215),
140px 30px 0 5px rgb(215,215,215),
150px 30px 0 5px rgb(218,218,218),
160px 30px 0 5px rgb(218,218,218),
170px 30px 0 5px rgb(216,216,216),
180px 30px 0 5px rgb(217,217,217),
190px 30px 0 5px rgb(216,216,216),
200px 30px 0 5px rgb(219,219,219),
210px 30px 0 5px rgb(207,207,207),
220px 30px 0 5px rgb(152,152,152),
230px 30px 0 5px rgb(125,125,125),
240px 30px 0 5px rgb(129,129,129),
250px 30px 0 5px rgb(126,126,126),
260px 30px 0 5px rgb(113,113,113),
270px 30px 0 5px rgb(96,96,96),
280px 30px 0 5px rgb(82,82,82),
290px 30px 0 5px rgb(65,65,65),
300px 30px 0 5px rgb(49,49,49),
310px 30px 0 5px rgb(43,43,43),
0px 40px 0 5px rgb(46,46,46),
10px 40px 0 5px rgb(51,51,51),
20px 40px 0 5px rgb(56,56,56),
30px 40px 0 5px rgb(62,62,62),
40px 40px 0 5px rgb(72,72,72),
50px 40px 0 5px rgb(85,85,85),
60px 40px 0 5px rgb(86,86,86),
70px 40px 0 5px rgb(134,134,134),
80px 40px 0 5px rgb(199,199,199),
90px 40px 0 5px rgb(210,210,210),
100px 40px 0 5px rgb(218,218,218),
110px 40px 0 5px rgb(215,215,215),
120px 40px 0 5px rgb(218,218,218),
130px 40px 0 5px rgb(223,223,223),
140px 40px 0 5px rgb(227,227,227),
150px 40px 0 5px rgb(226,226,226),
160px 40px 0 5px rgb(227,227,227),
170px 40px 0 5px rgb(223,223,223),
180px 40px 0 5px rgb(208,208,208),
190px 40px 0 5px rgb(215,215,215),
200px 40px 0 5px rgb(220,220,220),
210px 40px 0 5px rgb(217,217,217),
220px 40px 0 5px rgb(215,215,215),
230px 40px 0 5px rgb(176,176,176),
240px 40px 0 5px rgb(148,148,148),
250px 40px 0 5px rgb(137,137,137),
260px 40px 0 5px rgb(124,124,124),
270px 40px 0 5px rgb(108,108,108),
280px 40px 0 5px rgb(93,93,93),
290px 40px 0 5px rgb(79,79,79),
300px 40px 0 5px rgb(61,61,61),
310px 40px 0 5px rgb(49,49,49),
0px 50px 0 5px rgb(50,50,50),
10px 50px 0 5px rgb(55,55,55),
20px 50px 0 5px rgb(58,58,58),
30px 50px 0 5px rgb(66,66,66),
40px 50px 0 5px rgb(80,80,80),
50px 50px 0 5px rgb(90,90,90),
60px 50px 0 5px rgb(105,105,105),
70px 50px 0 5px rgb(194,194,194),
80px 50px 0 5px rgb(223,223,223),
90px 50px 0 5px rgb(216,216,216),
100px 50px 0 5px rgb(227,227,227),
110px 50px 0 5px rgb(226,226,226),
120px 50px 0 5px rgb(229,229,229),
130px 50px 0 5px rgb(218,218,218),
140px 50px 0 5px rgb(228,228,228),
150px 50px 0 5px rgb(227,227,227),
160px 50px 0 5px rgb(225,225,225),
170px 50px 0 5px rgb(228,228,228),
180px 50px 0 5px rgb(220,220,220),
190px 50px 0 5px rgb(229,229,229),
200px 50px 0 5px rgb(227,227,227),
210px 50px 0 5px rgb(224,224,224),
220px 50px 0 5px rgb(219,219,219),
230px 50px 0 5px rgb(209,209,209),
240px 50px 0 5px rgb(158,158,158),
250px 50px 0 5px rgb(139,139,139),
260px 50px 0 5px rgb(129,129,129),
270px 50px 0 5px rgb(119,119,119),
280px 50px 0 5px rgb(107,107,107),
290px 50px 0 5px rgb(94,94,94),
300px 50px 0 5px rgb(77,77,77),
310px 50px 0 5px rgb(54,54,54),
0px 60px 0 5px rgb(54,54,54),
10px 60px 0 5px rgb(60,60,60),
20px 60px 0 5px rgb(63,63,63),
30px 60px 0 5px rgb(74,74,74),
40px 60px 0 5px rgb(89,89,89),
50px 60px 0 5px rgb(99,99,99),
60px 60px 0 5px rgb(129,129,129),
70px 60px 0 5px rgb(214,214,214),
80px 60px 0 5px rgb(228,228,228),
90px 60px 0 5px rgb(223,223,223),
100px 60px 0 5px rgb(228,228,228),
110px 60px 0 5px rgb(224,224,224),
120px 60px 0 5px rgb(220,220,220),
130px 60px 0 5px rgb(223,223,223),
140px 60px 0 5px rgb(209,209,209),
150px 60px 0 5px rgb(221,221,221),
160px 60px 0 5px rgb(231,231,231),
170px 60px 0 5px rgb(224,224,224),
180px 60px 0 5px rgb(230,230,230),
190px 60px 0 5px rgb(233,233,233),
200px 60px 0 5px rgb(229,229,229),
210px 60px 0 5px rgb(230,230,230),
220px 60px 0 5px rgb(223,223,223),
230px 60px 0 5px rgb(221,221,221),
240px 60px 0 5px rgb(188,188,188),
250px 60px 0 5px rgb(128,128,128),
260px 60px 0 5px rgb(127,127,127),
270px 60px 0 5px rgb(125,125,125),
280px 60px 0 5px rgb(120,120,120),
290px 60px 0 5px rgb(105,105,105),
300px 60px 0 5px rgb(86,86,86),
310px 60px 0 5px rgb(62,62,62),
0px 70px 0 5px rgb(58,58,58),
10px 70px 0 5px rgb(67,67,67),
20px 70px 0 5px rgb(73,73,73),
30px 70px 0 5px rgb(85,85,85),
40px 70px 0 5px rgb(96,96,96),
50px 70px 0 5px rgb(103,103,103),
60px 70px 0 5px rgb(183,183,183),
70px 70px 0 5px rgb(227,227,227),
80px 70px 0 5px rgb(223,223,223),
90px 70px 0 5px rgb(222,222,222),
100px 70px 0 5px rgb(226,226,226),
110px 70px 0 5px rgb(233,233,233),
120px 70px 0 5px rgb(217,217,217),
130px 70px 0 5px rgb(214,214,214),
140px 70px 0 5px rgb(206,206,206),
150px 70px 0 5px rgb(205,205,205),
160px 70px 0 5px rgb(191,191,191),
170px 70px 0 5px rgb(204,204,204),
180px 70px 0 5px rgb(217,217,217),
190px 70px 0 5px rgb(218,218,218),
200px 70px 0 5px rgb(220,220,220),
210px 70px 0 5px rgb(228,228,228),
220px 70px 0 5px rgb(222,222,222),
230px 70px 0 5px rgb(221,221,221),
240px 70px 0 5px rgb(208,208,208),
250px 70px 0 5px rgb(145,145,145),
260px 70px 0 5px rgb(122,122,122),
270px 70px 0 5px rgb(126,126,126),
280px 70px 0 5px rgb(127,127,127),
290px 70px 0 5px rgb(114,114,114),
300px 70px 0 5px rgb(91,91,91),
310px 70px 0 5px rgb(69,69,69),
0px 80px 0 5px rgb(60,60,60),
10px 80px 0 5px rgb(70,70,70),
20px 80px 0 5px rgb(79,79,79),
30px 80px 0 5px rgb(89,89,89),
40px 80px 0 5px rgb(100,100,100),
50px 80px 0 5px rgb(101,101,101),
60px 80px 0 5px rgb(181,181,181),
70px 80px 0 5px rgb(228,228,228),
80px 80px 0 5px rgb(228,228,228),
90px 80px 0 5px rgb(227,227,227),
100px 80px 0 5px rgb(219,219,219),
110px 80px 0 5px rgb(221,221,221),
120px 80px 0 5px rgb(226,226,226),
130px 80px 0 5px rgb(222,222,222),
140px 80px 0 5px rgb(231,231,231),
150px 80px 0 5px rgb(228,228,228),
160px 80px 0 5px rgb(222,222,222),
170px 80px 0 5px rgb(212,212,212),
180px 80px 0 5px rgb(224,224,224),
190px 80px 0 5px rgb(211,211,211),
200px 80px 0 5px rgb(220,220,220),
210px 80px 0 5px rgb(230,230,230),
220px 80px 0 5px rgb(230,230,230),
230px 80px 0 5px rgb(220,220,220),
240px 80px 0 5px rgb(223,223,223),
250px 80px 0 5px rgb(164,164,164),
260px 80px 0 5px rgb(116,116,116),
270px 80px 0 5px rgb(122,122,122),
280px 80px 0 5px rgb(120,120,120),
290px 80px 0 5px rgb(110,110,110),
300px 80px 0 5px rgb(89,89,89),
310px 80px 0 5px rgb(69,69,69),
0px 90px 0 5px rgb(58,58,58),
10px 90px 0 5px rgb(69,69,69),
20px 90px 0 5px rgb(81,81,81),
30px 90px 0 5px rgb(93,93,93),
40px 90px 0 5px rgb(98,98,98),
50px 90px 0 5px rgb(119,119,119),
60px 90px 0 5px rgb(204,204,204),
70px 90px 0 5px rgb(220,220,220),
80px 90px 0 5px rgb(225,225,225),
90px 90px 0 5px rgb(222,222,222),
100px 90px 0 5px rgb(221,221,221),
110px 90px 0 5px rgb(214,214,214),
120px 90px 0 5px rgb(222,222,222),
130px 90px 0 5px rgb(228,228,228),
140px 90px 0 5px rgb(222,222,222),
150px 90px 0 5px rgb(218,218,218),
160px 90px 0 5px rgb(234,234,234),
170px 90px 0 5px rgb(225,225,225),
180px 90px 0 5px rgb(213,213,213),
190px 90px 0 5px rgb(230,230,230),
200px 90px 0 5px rgb(220,220,220),
210px 90px 0 5px rgb(215,215,215),
220px 90px 0 5px rgb(218,218,218),
230px 90px 0 5px rgb(222,222,222),
240px 90px 0 5px rgb(221,221,221),
250px 90px 0 5px rgb(187,187,187),
260px 90px 0 5px rgb(125,125,125),
270px 90px 0 5px rgb(121,121,121),
280px 90px 0 5px rgb(112,112,112),
290px 90px 0 5px rgb(101,101,101),
300px 90px 0 5px rgb(85,85,85),
310px 90px 0 5px rgb(65,65,65),
0px 100px 0 5px rgb(55,55,55),
10px 100px 0 5px rgb(67,67,67),
20px 100px 0 5px rgb(80,80,80),
30px 100px 0 5px rgb(94,94,94),
40px 100px 0 5px rgb(95,95,95),
50px 100px 0 5px rgb(126,126,126),
60px 100px 0 5px rgb(217,217,217),
70px 100px 0 5px rgb(223,223,223),
80px 100px 0 5px rgb(213,213,213),
90px 100px 0 5px rgb(225,225,225),
100px 100px 0 5px rgb(220,220,220),
110px 100px 0 5px rgb(212,212,212),
120px 100px 0 5px rgb(211,211,211),
130px 100px 0 5px rgb(221,221,221),
140px 100px 0 5px rgb(226,226,226),
150px 100px 0 5px rgb(216,216,216),
160px 100px 0 5px rgb(229,229,229),
170px 100px 0 5px rgb(234,234,234),
180px 100px 0 5px rgb(193,193,193),
190px 100px 0 5px rgb(211,211,211),
200px 100px 0 5px rgb(227,227,227),
210px 100px 0 5px rgb(220,220,220),
220px 100px 0 5px rgb(220,220,220),
230px 100px 0 5px rgb(216,216,216),
240px 100px 0 5px rgb(212,212,212),
250px 100px 0 5px rgb(162,162,162),
260px 100px 0 5px rgb(117,117,117),
270px 100px 0 5px rgb(124,124,124),
280px 100px 0 5px rgb(109,109,109),
290px 100px 0 5px rgb(93,93,93),
300px 100px 0 5px rgb(79,79,79),
310px 100px 0 5px rgb(65,65,65),
0px 110px 0 5px rgb(51,51,51),
10px 110px 0 5px rgb(63,63,63),
20px 110px 0 5px rgb(77,77,77),
30px 110px 0 5px rgb(89,89,89),
40px 110px 0 5px rgb(91,91,91),
50px 110px 0 5px rgb(113,113,113),
60px 110px 0 5px rgb(206,206,206),
70px 110px 0 5px rgb(219,219,219),
80px 110px 0 5px rgb(221,221,221),
90px 110px 0 5px rgb(223,223,223),
100px 110px 0 5px rgb(212,212,212),
110px 110px 0 5px rgb(224,224,224),
120px 110px 0 5px rgb(220,220,220),
130px 110px 0 5px rgb(219,219,219),
140px 110px 0 5px rgb(231,231,231),
150px 110px 0 5px rgb(228,228,228),
160px 110px 0 5px rgb(231,231,231),
170px 110px 0 5px rgb(206,206,206),
180px 110px 0 5px rgb(193,193,193),
190px 110px 0 5px rgb(209,209,209),
200px 110px 0 5px rgb(230,230,230),
210px 110px 0 5px rgb(224,224,224),
220px 110px 0 5px rgb(222,222,222),
230px 110px 0 5px rgb(216,216,216),
240px 110px 0 5px rgb(213,213,213),
250px 110px 0 5px rgb(172,172,172),
260px 110px 0 5px rgb(104,104,104),
270px 110px 0 5px rgb(114,114,114),
280px 110px 0 5px rgb(103,103,103),
290px 110px 0 5px rgb(87,87,87),
300px 110px 0 5px rgb(74,74,74),
310px 110px 0 5px rgb(62,62,62),
0px 120px 0 5px rgb(46,46,46),
10px 120px 0 5px rgb(55,55,55),
20px 120px 0 5px rgb(68,68,68),
30px 120px 0 5px rgb(81,81,81),
40px 120px 0 5px rgb(90,90,90),
50px 120px 0 5px rgb(103,103,103),
60px 120px 0 5px rgb(186,186,186),
70px 120px 0 5px rgb(216,216,216),
80px 120px 0 5px rgb(213,213,213),
90px 120px 0 5px rgb(218,218,218),
100px 120px 0 5px rgb(220,220,220),
110px 120px 0 5px rgb(213,213,213),
120px 120px 0 5px rgb(210,210,210),
130px 120px 0 5px rgb(215,215,215),
140px 120px 0 5px rgb(211,211,211),
150px 120px 0 5px rgb(226,226,226),
160px 120px 0 5px rgb(211,211,211),
170px 120px 0 5px rgb(199,199,199),
180px 120px 0 5px rgb(210,210,210),
190px 120px 0 5px rgb(219,219,219),
200px 120px 0 5px rgb(212,212,212),
210px 120px 0 5px rgb(221,221,221),
220px 120px 0 5px rgb(218,218,218),
230px 120px 0 5px rgb(206,206,206),
240px 120px 0 5px rgb(212,212,212),
250px 120px 0 5px rgb(160,160,160),
260px 120px 0 5px rgb(90,90,90),
270px 120px 0 5px rgb(94,94,94),
280px 120px 0 5px rgb(89,89,89),
290px 120px 0 5px rgb(79,79,79),
300px 120px 0 5px rgb(68,68,68),
310px 120px 0 5px rgb(59,59,59),
0px 130px 0 5px rgb(40,40,40),
10px 130px 0 5px rgb(47,47,47),
20px 130px 0 5px rgb(58,58,58),
30px 130px 0 5px rgb(73,73,73),
40px 130px 0 5px rgb(86,86,86),
50px 130px 0 5px rgb(90,90,90),
60px 130px 0 5px rgb(150,150,150),
70px 130px 0 5px rgb(218,218,218),
80px 130px 0 5px rgb(209,209,209),
90px 130px 0 5px rgb(217,217,217),
100px 130px 0 5px rgb(217,217,217),
110px 130px 0 5px rgb(205,205,205),
120px 130px 0 5px rgb(214,214,214),
130px 130px 0 5px rgb(206,206,206),
140px 130px 0 5px rgb(200,200,200),
150px 130px 0 5px rgb(190,190,190),
160px 130px 0 5px rgb(207,207,207),
170px 130px 0 5px rgb(206,206,206),
180px 130px 0 5px rgb(212,212,212),
190px 130px 0 5px rgb(213,213,213),
200px 130px 0 5px rgb(211,211,211),
210px 130px 0 5px rgb(211,211,211),
220px 130px 0 5px rgb(204,204,204),
230px 130px 0 5px rgb(212,212,212),
240px 130px 0 5px rgb(196,196,196),
250px 130px 0 5px rgb(95,95,95),
260px 130px 0 5px rgb(79,79,79),
270px 130px 0 5px rgb(81,81,81),
280px 130px 0 5px rgb(78,78,78),
290px 130px 0 5px rgb(72,72,72),
300px 130px 0 5px rgb(63,63,63),
310px 130px 0 5px rgb(54,54,54),
0px 140px 0 5px rgb(37,37,37),
10px 140px 0 5px rgb(44,44,44),
20px 140px 0 5px rgb(54,54,54),
30px 140px 0 5px rgb(68,68,68),
40px 140px 0 5px rgb(82,82,82),
50px 140px 0 5px rgb(91,91,91),
60px 140px 0 5px rgb(118,118,118),
70px 140px 0 5px rgb(189,189,189),
80px 140px 0 5px rgb(205,205,205),
90px 140px 0 5px rgb(207,207,207),
100px 140px 0 5px rgb(215,215,215),
110px 140px 0 5px rgb(212,212,212),
120px 140px 0 5px rgb(215,215,215),
130px 140px 0 5px rgb(212,212,212),
140px 140px 0 5px rgb(201,201,201),
150px 140px 0 5px rgb(187,187,187),
160px 140px 0 5px rgb(207,207,207),
170px 140px 0 5px rgb(190,190,190),
180px 140px 0 5px rgb(194,194,194),
190px 140px 0 5px rgb(217,217,217),
200px 140px 0 5px rgb(215,215,215),
210px 140px 0 5px rgb(211,211,211),
220px 140px 0 5px rgb(205,205,205),
230px 140px 0 5px rgb(207,207,207),
240px 140px 0 5px rgb(155,155,155),
250px 140px 0 5px rgb(76,76,76),
260px 140px 0 5px rgb(79,79,79),
270px 140px 0 5px rgb(80,80,80),
280px 140px 0 5px rgb(77,77,77),
290px 140px 0 5px rgb(70,70,70),
300px 140px 0 5px rgb(60,60,60),
310px 140px 0 5px rgb(51,51,51),
0px 150px 0 5px rgb(35,35,35),
10px 150px 0 5px rgb(42,42,42),
20px 150px 0 5px rgb(53,53,53),
30px 150px 0 5px rgb(68,68,68),
40px 150px 0 5px rgb(79,79,79),
50px 150px 0 5px rgb(92,92,92),
60px 150px 0 5px rgb(104,104,104),
70px 150px 0 5px rgb(155,155,155),
80px 150px 0 5px rgb(202,202,202),
90px 150px 0 5px rgb(203,203,203),
100px 150px 0 5px rgb(202,202,202),
110px 150px 0 5px rgb(198,198,198),
120px 150px 0 5px rgb(198,198,198),
130px 150px 0 5px rgb(194,194,194),
140px 150px 0 5px rgb(203,203,203),
150px 150px 0 5px rgb(208,208,208),
160px 150px 0 5px rgb(181,181,181),
170px 150px 0 5px rgb(182,182,182),
180px 150px 0 5px rgb(196,196,196),
190px 150px 0 5px rgb(216,216,216),
200px 150px 0 5px rgb(203,203,203),
210px 150px 0 5px rgb(204,204,204),
220px 150px 0 5px rgb(198,198,198),
230px 150px 0 5px rgb(190,190,190),
240px 150px 0 5px rgb(85,85,85),
250px 150px 0 5px rgb(72,72,72),
260px 150px 0 5px rgb(79,79,79),
270px 150px 0 5px rgb(81,81,81),
280px 150px 0 5px rgb(76,76,76),
290px 150px 0 5px rgb(67,67,67),
300px 150px 0 5px rgb(57,57,57),
310px 150px 0 5px rgb(50,50,50),
0px 160px 0 5px rgb(33,33,33),
10px 160px 0 5px rgb(39,39,39),
20px 160px 0 5px rgb(51,51,51),
30px 160px 0 5px rgb(63,63,63),
40px 160px 0 5px rgb(74,74,74),
50px 160px 0 5px rgb(86,86,86),
60px 160px 0 5px rgb(104,104,104),
70px 160px 0 5px rgb(112,112,112),
80px 160px 0 5px rgb(149,149,149),
90px 160px 0 5px rgb(205,205,205),
100px 160px 0 5px rgb(203,203,203),
110px 160px 0 5px rgb(197,197,197),
120px 160px 0 5px rgb(190,190,190),
130px 160px 0 5px rgb(199,199,199),
140px 160px 0 5px rgb(198,198,198),
150px 160px 0 5px rgb(204,204,204),
160px 160px 0 5px rgb(198,198,198),
170px 160px 0 5px rgb(199,199,199),
180px 160px 0 5px rgb(201,201,201),
190px 160px 0 5px rgb(202,202,202),
200px 160px 0 5px rgb(197,197,197),
210px 160px 0 5px rgb(185,185,185),
220px 160px 0 5px rgb(192,192,192),
230px 160px 0 5px rgb(130,130,130),
240px 160px 0 5px rgb(73,73,73),
250px 160px 0 5px rgb(79,79,79),
260px 160px 0 5px rgb(80,80,80),
270px 160px 0 5px rgb(78,78,78),
280px 160px 0 5px rgb(71,71,71),
290px 160px 0 5px rgb(62,62,62),
300px 160px 0 5px rgb(53,53,53),
310px 160px 0 5px rgb(46,46,46),
0px 170px 0 5px rgb(29,29,29),
10px 170px 0 5px rgb(36,36,36),
20px 170px 0 5px rgb(46,46,46),
30px 170px 0 5px rgb(55,55,55),
40px 170px 0 5px rgb(66,66,66),
50px 170px 0 5px rgb(78,78,78),
60px 170px 0 5px rgb(90,90,90),
70px 170px 0 5px rgb(96,96,96),
80px 170px 0 5px rgb(107,107,107),
90px 170px 0 5px rgb(148,148,148),
100px 170px 0 5px rgb(173,173,173),
110px 170px 0 5px rgb(188,188,188),
120px 170px 0 5px rgb(185,185,185),
130px 170px 0 5px rgb(191,191,191),
140px 170px 0 5px rgb(186,186,186),
150px 170px 0 5px rgb(193,193,193),
160px 170px 0 5px rgb(186,186,186),
170px 170px 0 5px rgb(192,192,192),
180px 170px 0 5px rgb(187,187,187),
190px 170px 0 5px rgb(184,184,184),
200px 170px 0 5px rgb(179,179,179),
210px 170px 0 5px rgb(178,178,178),
220px 170px 0 5px rgb(106,106,106),
230px 170px 0 5px rgb(67,67,67),
240px 170px 0 5px rgb(73,73,73),
250px 170px 0 5px rgb(77,77,77),
260px 170px 0 5px rgb(76,76,76),
270px 170px 0 5px rgb(71,71,71),
280px 170px 0 5px rgb(64,64,64),
290px 170px 0 5px rgb(56,56,56),
300px 170px 0 5px rgb(49,49,49),
310px 170px 0 5px rgb(43,43,43),
0px 180px 0 5px rgb(27,27,27),
10px 180px 0 5px rgb(32,32,32),
20px 180px 0 5px rgb(40,40,40),
30px 180px 0 5px rgb(47,47,47),
40px 180px 0 5px rgb(57,57,57),
50px 180px 0 5px rgb(66,66,66),
60px 180px 0 5px rgb(74,74,74),
70px 180px 0 5px rgb(79,79,79),
80px 180px 0 5px rgb(82,82,82),
90px 180px 0 5px rgb(83,83,83),
100px 180px 0 5px rgb(105,105,105),
110px 180px 0 5px rgb(158,158,158),
120px 180px 0 5px rgb(170,170,170),
130px 180px 0 5px rgb(176,176,176),
140px 180px 0 5px rgb(177,177,177),
150px 180px 0 5px rgb(181,181,181),
160px 180px 0 5px rgb(178,178,178),
170px 180px 0 5px rgb(170,170,170),
180px 180px 0 5px rgb(161,161,161),
190px 180px 0 5px rgb(163,163,163),
200px 180px 0 5px rgb(143,143,143),
210px 180px 0 5px rgb(106,106,106),
220px 180px 0 5px rgb(57,57,57),
230px 180px 0 5px rgb(65,65,65),
240px 180px 0 5px rgb(64,64,64),
250px 180px 0 5px rgb(63,63,63),
260px 180px 0 5px rgb(64,64,64),
270px 180px 0 5px rgb(62,62,62),
280px 180px 0 5px rgb(55,55,55),
290px 180px 0 5px rgb(48,48,48),
300px 180px 0 5px rgb(42,42,42),
310px 180px 0 5px rgb(38,38,38),
0px 190px 0 5px rgb(28,28,28),
10px 190px 0 5px rgb(31,31,31),
20px 190px 0 5px rgb(34,34,34),
30px 190px 0 5px rgb(39,39,39),
40px 190px 0 5px rgb(46,46,46),
50px 190px 0 5px rgb(53,53,53),
60px 190px 0 5px rgb(57,57,57),
70px 190px 0 5px rgb(63,63,63),
80px 190px 0 5px rgb(72,72,72),
90px 190px 0 5px rgb(84,84,84),
100px 190px 0 5px rgb(86,86,86),
110px 190px 0 5px rgb(84,84,84),
120px 190px 0 5px rgb(99,99,99),
130px 190px 0 5px rgb(128,128,128),
140px 190px 0 5px rgb(133,133,133),
150px 190px 0 5px rgb(131,131,131),
160px 190px 0 5px rgb(115,115,115),
170px 190px 0 5px rgb(92,92,92),
180px 190px 0 5px rgb(106,106,106),
190px 190px 0 5px rgb(80,80,80),
200px 190px 0 5px rgb(61,61,61),
210px 190px 0 5px rgb(49,49,49),
220px 190px 0 5px rgb(54,54,54),
230px 190px 0 5px rgb(53,53,53),
240px 190px 0 5px rgb(51,51,51),
250px 190px 0 5px rgb(49,49,49),
260px 190px 0 5px rgb(50,50,50),
270px 190px 0 5px rgb(49,49,49),
280px 190px 0 5px rgb(44,44,44),
290px 190px 0 5px rgb(38,38,38),
300px 190px 0 5px rgb(34,34,34),
310px 190px 0 5px rgb(32,32,32),
0px 200px 0 5px rgb(35,35,35),
10px 200px 0 5px rgb(37,37,37),
20px 200px 0 5px rgb(33,33,33),
30px 200px 0 5px rgb(33,33,33),
40px 200px 0 5px rgb(39,39,39),
50px 200px 0 5px rgb(43,43,43),
60px 200px 0 5px rgb(47,47,47),
70px 200px 0 5px rgb(55,55,55),
80px 200px 0 5px rgb(65,65,65),
90px 200px 0 5px rgb(76,76,76),
100px 200px 0 5px rgb(78,78,78),
110px 200px 0 5px rgb(68,68,68),
120px 200px 0 5px rgb(66,66,66),
130px 200px 0 5px rgb(62,62,62),
140px 200px 0 5px rgb(66,66,66),
150px 200px 0 5px rgb(56,56,56),
160px 200px 0 5px rgb(46,46,46),
170px 200px 0 5px rgb(44,44,44),
180px 200px 0 5px rgb(45,45,45),
190px 200px 0 5px rgb(44,44,44),
200px 200px 0 5px rgb(45,45,45),
210px 200px 0 5px rgb(46,46,46),
220px 200px 0 5px rgb(44,44,44),
230px 200px 0 5px rgb(42,42,42),
240px 200px 0 5px rgb(40,40,40),
250px 200px 0 5px rgb(40,40,40),
260px 200px 0 5px rgb(39,39,39),
270px 200px 0 5px rgb(36,36,36),
280px 200px 0 5px rgb(32,32,32),
290px 200px 0 5px rgb(27,27,27),
300px 200px 0 5px rgb(26,26,26),
310px 200px 0 5px rgb(28,28,28);
}Black & White Variant
CSS · 672 shadows
.css-image {
width: 1px;
height: 1px;
box-shadow:
0px 0px 0 5px #000000,
10px 0px 0 5px #000000,
20px 0px 0 5px #000000,
30px 0px 0 5px #000000,
40px 0px 0 5px #000000,
50px 0px 0 5px #000000,
60px 0px 0 5px #000000,
70px 0px 0 5px #000000,
80px 0px 0 5px #000000,
90px 0px 0 5px #000000,
100px 0px 0 5px #000000,
110px 0px 0 5px #000000,
120px 0px 0 5px #000000,
130px 0px 0 5px #000000,
140px 0px 0 5px #000000,
150px 0px 0 5px #000000,
160px 0px 0 5px #000000,
170px 0px 0 5px #000000,
180px 0px 0 5px #000000,
190px 0px 0 5px #000000,
200px 0px 0 5px #000000,
210px 0px 0 5px #000000,
220px 0px 0 5px #000000,
230px 0px 0 5px #000000,
240px 0px 0 5px #000000,
250px 0px 0 5px #000000,
260px 0px 0 5px #000000,
270px 0px 0 5px #000000,
280px 0px 0 5px #000000,
290px 0px 0 5px #000000,
300px 0px 0 5px #000000,
310px 0px 0 5px #000000,
0px 10px 0 5px #000000,
10px 10px 0 5px #000000,
20px 10px 0 5px #000000,
30px 10px 0 5px #000000,
40px 10px 0 5px #000000,
50px 10px 0 5px #000000,
60px 10px 0 5px #000000,
70px 10px 0 5px #000000,
80px 10px 0 5px #000000,
90px 10px 0 5px #000000,
100px 10px 0 5px #000000,
110px 10px 0 5px #000000,
120px 10px 0 5px #000000,
130px 10px 0 5px #ffffff,
140px 10px 0 5px #ffffff,
150px 10px 0 5px #ffffff,
160px 10px 0 5px #ffffff,
170px 10px 0 5px #ffffff,
180px 10px 0 5px #ffffff,
190px 10px 0 5px #000000,
200px 10px 0 5px #000000,
210px 10px 0 5px #000000,
220px 10px 0 5px #000000,
230px 10px 0 5px #000000,
240px 10px 0 5px #000000,
250px 10px 0 5px #000000,
260px 10px 0 5px #000000,
270px 10px 0 5px #000000,
280px 10px 0 5px #000000,
290px 10px 0 5px #000000,
300px 10px 0 5px #000000,
310px 10px 0 5px #000000,
0px 20px 0 5px #000000,
10px 20px 0 5px #000000,
20px 20px 0 5px #000000,
30px 20px 0 5px #000000,
40px 20px 0 5px #000000,
50px 20px 0 5px #000000,
60px 20px 0 5px #000000,
70px 20px 0 5px #000000,
80px 20px 0 5px #000000,
90px 20px 0 5px #000000,
100px 20px 0 5px #000000,
110px 20px 0 5px #ffffff,
120px 20px 0 5px #ffffff,
130px 20px 0 5px #ffffff,
140px 20px 0 5px #ffffff,
150px 20px 0 5px #ffffff,
160px 20px 0 5px #ffffff,
170px 20px 0 5px #ffffff,
180px 20px 0 5px #ffffff,
190px 20px 0 5px #ffffff,
200px 20px 0 5px #ffffff,
210px 20px 0 5px #ffffff,
220px 20px 0 5px #000000,
230px 20px 0 5px #000000,
240px 20px 0 5px #000000,
250px 20px 0 5px #000000,
260px 20px 0 5px #000000,
270px 20px 0 5px #000000,
280px 20px 0 5px #000000,
290px 20px 0 5px #000000,
300px 20px 0 5px #000000,
310px 20px 0 5px #000000,
0px 30px 0 5px #000000,
10px 30px 0 5px #000000,
20px 30px 0 5px #000000,
30px 30px 0 5px #000000,
40px 30px 0 5px #000000,
50px 30px 0 5px #000000,
60px 30px 0 5px #000000,
70px 30px 0 5px #000000,
80px 30px 0 5px #000000,
90px 30px 0 5px #ffffff,
100px 30px 0 5px #ffffff,
110px 30px 0 5px #ffffff,
120px 30px 0 5px #ffffff,
130px 30px 0 5px #ffffff,
140px 30px 0 5px #ffffff,
150px 30px 0 5px #ffffff,
160px 30px 0 5px #ffffff,
170px 30px 0 5px #ffffff,
180px 30px 0 5px #ffffff,
190px 30px 0 5px #ffffff,
200px 30px 0 5px #ffffff,
210px 30px 0 5px #ffffff,
220px 30px 0 5px #ffffff,
230px 30px 0 5px #000000,
240px 30px 0 5px #ffffff,
250px 30px 0 5px #000000,
260px 30px 0 5px #000000,
270px 30px 0 5px #000000,
280px 30px 0 5px #000000,
290px 30px 0 5px #000000,
300px 30px 0 5px #000000,
310px 30px 0 5px #000000,
0px 40px 0 5px #000000,
10px 40px 0 5px #000000,
20px 40px 0 5px #000000,
30px 40px 0 5px #000000,
40px 40px 0 5px #000000,
50px 40px 0 5px #000000,
60px 40px 0 5px #000000,
70px 40px 0 5px #ffffff,
80px 40px 0 5px #ffffff,
90px 40px 0 5px #ffffff,
100px 40px 0 5px #ffffff,
110px 40px 0 5px #ffffff,
120px 40px 0 5px #ffffff,
130px 40px 0 5px #ffffff,
140px 40px 0 5px #ffffff,
150px 40px 0 5px #ffffff,
160px 40px 0 5px #ffffff,
170px 40px 0 5px #ffffff,
180px 40px 0 5px #ffffff,
190px 40px 0 5px #ffffff,
200px 40px 0 5px #ffffff,
210px 40px 0 5px #ffffff,
220px 40px 0 5px #ffffff,
230px 40px 0 5px #ffffff,
240px 40px 0 5px #ffffff,
250px 40px 0 5px #ffffff,
260px 40px 0 5px #000000,
270px 40px 0 5px #000000,
280px 40px 0 5px #000000,
290px 40px 0 5px #000000,
300px 40px 0 5px #000000,
310px 40px 0 5px #000000,
0px 50px 0 5px #000000,
10px 50px 0 5px #000000,
20px 50px 0 5px #000000,
30px 50px 0 5px #000000,
40px 50px 0 5px #000000,
50px 50px 0 5px #000000,
60px 50px 0 5px #000000,
70px 50px 0 5px #ffffff,
80px 50px 0 5px #ffffff,
90px 50px 0 5px #ffffff,
100px 50px 0 5px #ffffff,
110px 50px 0 5px #ffffff,
120px 50px 0 5px #ffffff,
130px 50px 0 5px #ffffff,
140px 50px 0 5px #ffffff,
150px 50px 0 5px #ffffff,
160px 50px 0 5px #ffffff,
170px 50px 0 5px #ffffff,
180px 50px 0 5px #ffffff,
190px 50px 0 5px #ffffff,
200px 50px 0 5px #ffffff,
210px 50px 0 5px #ffffff,
220px 50px 0 5px #ffffff,
230px 50px 0 5px #ffffff,
240px 50px 0 5px #ffffff,
250px 50px 0 5px #ffffff,
260px 50px 0 5px #ffffff,
270px 50px 0 5px #000000,
280px 50px 0 5px #000000,
290px 50px 0 5px #000000,
300px 50px 0 5px #000000,
310px 50px 0 5px #000000,
0px 60px 0 5px #000000,
10px 60px 0 5px #000000,
20px 60px 0 5px #000000,
30px 60px 0 5px #000000,
40px 60px 0 5px #000000,
50px 60px 0 5px #000000,
60px 60px 0 5px #ffffff,
70px 60px 0 5px #ffffff,
80px 60px 0 5px #ffffff,
90px 60px 0 5px #ffffff,
100px 60px 0 5px #ffffff,
110px 60px 0 5px #ffffff,
120px 60px 0 5px #ffffff,
130px 60px 0 5px #ffffff,
140px 60px 0 5px #ffffff,
150px 60px 0 5px #ffffff,
160px 60px 0 5px #ffffff,
170px 60px 0 5px #ffffff,
180px 60px 0 5px #ffffff,
190px 60px 0 5px #ffffff,
200px 60px 0 5px #ffffff,
210px 60px 0 5px #ffffff,
220px 60px 0 5px #ffffff,
230px 60px 0 5px #ffffff,
240px 60px 0 5px #ffffff,
250px 60px 0 5px #000000,
260px 60px 0 5px #000000,
270px 60px 0 5px #000000,
280px 60px 0 5px #000000,
290px 60px 0 5px #000000,
300px 60px 0 5px #000000,
310px 60px 0 5px #000000,
0px 70px 0 5px #000000,
10px 70px 0 5px #000000,
20px 70px 0 5px #000000,
30px 70px 0 5px #000000,
40px 70px 0 5px #000000,
50px 70px 0 5px #000000,
60px 70px 0 5px #ffffff,
70px 70px 0 5px #ffffff,
80px 70px 0 5px #ffffff,
90px 70px 0 5px #ffffff,
100px 70px 0 5px #ffffff,
110px 70px 0 5px #ffffff,
120px 70px 0 5px #ffffff,
130px 70px 0 5px #ffffff,
140px 70px 0 5px #ffffff,
150px 70px 0 5px #ffffff,
160px 70px 0 5px #ffffff,
170px 70px 0 5px #ffffff,
180px 70px 0 5px #ffffff,
190px 70px 0 5px #ffffff,
200px 70px 0 5px #ffffff,
210px 70px 0 5px #ffffff,
220px 70px 0 5px #ffffff,
230px 70px 0 5px #ffffff,
240px 70px 0 5px #ffffff,
250px 70px 0 5px #ffffff,
260px 70px 0 5px #000000,
270px 70px 0 5px #000000,
280px 70px 0 5px #000000,
290px 70px 0 5px #000000,
300px 70px 0 5px #000000,
310px 70px 0 5px #000000,
0px 80px 0 5px #000000,
10px 80px 0 5px #000000,
20px 80px 0 5px #000000,
30px 80px 0 5px #000000,
40px 80px 0 5px #000000,
50px 80px 0 5px #000000,
60px 80px 0 5px #ffffff,
70px 80px 0 5px #ffffff,
80px 80px 0 5px #ffffff,
90px 80px 0 5px #ffffff,
100px 80px 0 5px #ffffff,
110px 80px 0 5px #ffffff,
120px 80px 0 5px #ffffff,
130px 80px 0 5px #ffffff,
140px 80px 0 5px #ffffff,
150px 80px 0 5px #ffffff,
160px 80px 0 5px #ffffff,
170px 80px 0 5px #ffffff,
180px 80px 0 5px #ffffff,
190px 80px 0 5px #ffffff,
200px 80px 0 5px #ffffff,
210px 80px 0 5px #ffffff,
220px 80px 0 5px #ffffff,
230px 80px 0 5px #ffffff,
240px 80px 0 5px #ffffff,
250px 80px 0 5px #ffffff,
260px 80px 0 5px #000000,
270px 80px 0 5px #000000,
280px 80px 0 5px #000000,
290px 80px 0 5px #000000,
300px 80px 0 5px #000000,
310px 80px 0 5px #000000,
0px 90px 0 5px #000000,
10px 90px 0 5px #000000,
20px 90px 0 5px #000000,
30px 90px 0 5px #000000,
40px 90px 0 5px #000000,
50px 90px 0 5px #000000,
60px 90px 0 5px #ffffff,
70px 90px 0 5px #ffffff,
80px 90px 0 5px #ffffff,
90px 90px 0 5px #ffffff,
100px 90px 0 5px #ffffff,
110px 90px 0 5px #ffffff,
120px 90px 0 5px #ffffff,
130px 90px 0 5px #ffffff,
140px 90px 0 5px #ffffff,
150px 90px 0 5px #ffffff,
160px 90px 0 5px #ffffff,
170px 90px 0 5px #ffffff,
180px 90px 0 5px #ffffff,
190px 90px 0 5px #ffffff,
200px 90px 0 5px #ffffff,
210px 90px 0 5px #ffffff,
220px 90px 0 5px #ffffff,
230px 90px 0 5px #ffffff,
240px 90px 0 5px #ffffff,
250px 90px 0 5px #ffffff,
260px 90px 0 5px #000000,
270px 90px 0 5px #000000,
280px 90px 0 5px #000000,
290px 90px 0 5px #000000,
300px 90px 0 5px #000000,
310px 90px 0 5px #000000,
0px 100px 0 5px #000000,
10px 100px 0 5px #000000,
20px 100px 0 5px #000000,
30px 100px 0 5px #000000,
40px 100px 0 5px #000000,
50px 100px 0 5px #000000,
60px 100px 0 5px #ffffff,
70px 100px 0 5px #ffffff,
80px 100px 0 5px #ffffff,
90px 100px 0 5px #ffffff,
100px 100px 0 5px #ffffff,
110px 100px 0 5px #ffffff,
120px 100px 0 5px #ffffff,
130px 100px 0 5px #ffffff,
140px 100px 0 5px #ffffff,
150px 100px 0 5px #ffffff,
160px 100px 0 5px #ffffff,
170px 100px 0 5px #ffffff,
180px 100px 0 5px #ffffff,
190px 100px 0 5px #ffffff,
200px 100px 0 5px #ffffff,
210px 100px 0 5px #ffffff,
220px 100px 0 5px #ffffff,
230px 100px 0 5px #ffffff,
240px 100px 0 5px #ffffff,
250px 100px 0 5px #ffffff,
260px 100px 0 5px #000000,
270px 100px 0 5px #000000,
280px 100px 0 5px #000000,
290px 100px 0 5px #000000,
300px 100px 0 5px #000000,
310px 100px 0 5px #000000,
0px 110px 0 5px #000000,
10px 110px 0 5px #000000,
20px 110px 0 5px #000000,
30px 110px 0 5px #000000,
40px 110px 0 5px #000000,
50px 110px 0 5px #000000,
60px 110px 0 5px #ffffff,
70px 110px 0 5px #ffffff,
80px 110px 0 5px #ffffff,
90px 110px 0 5px #ffffff,
100px 110px 0 5px #ffffff,
110px 110px 0 5px #ffffff,
120px 110px 0 5px #ffffff,
130px 110px 0 5px #ffffff,
140px 110px 0 5px #ffffff,
150px 110px 0 5px #ffffff,
160px 110px 0 5px #ffffff,
170px 110px 0 5px #ffffff,
180px 110px 0 5px #ffffff,
190px 110px 0 5px #ffffff,
200px 110px 0 5px #ffffff,
210px 110px 0 5px #ffffff,
220px 110px 0 5px #ffffff,
230px 110px 0 5px #ffffff,
240px 110px 0 5px #ffffff,
250px 110px 0 5px #ffffff,
260px 110px 0 5px #000000,
270px 110px 0 5px #000000,
280px 110px 0 5px #000000,
290px 110px 0 5px #000000,
300px 110px 0 5px #000000,
310px 110px 0 5px #000000,
0px 120px 0 5px #000000,
10px 120px 0 5px #000000,
20px 120px 0 5px #000000,
30px 120px 0 5px #000000,
40px 120px 0 5px #000000,
50px 120px 0 5px #000000,
60px 120px 0 5px #ffffff,
70px 120px 0 5px #ffffff,
80px 120px 0 5px #ffffff,
90px 120px 0 5px #ffffff,
100px 120px 0 5px #ffffff,
110px 120px 0 5px #ffffff,
120px 120px 0 5px #ffffff,
130px 120px 0 5px #ffffff,
140px 120px 0 5px #ffffff,
150px 120px 0 5px #ffffff,
160px 120px 0 5px #ffffff,
170px 120px 0 5px #ffffff,
180px 120px 0 5px #ffffff,
190px 120px 0 5px #ffffff,
200px 120px 0 5px #ffffff,
210px 120px 0 5px #ffffff,
220px 120px 0 5px #ffffff,
230px 120px 0 5px #ffffff,
240px 120px 0 5px #ffffff,
250px 120px 0 5px #ffffff,
260px 120px 0 5px #000000,
270px 120px 0 5px #000000,
280px 120px 0 5px #000000,
290px 120px 0 5px #000000,
300px 120px 0 5px #000000,
310px 120px 0 5px #000000,
0px 130px 0 5px #000000,
10px 130px 0 5px #000000,
20px 130px 0 5px #000000,
30px 130px 0 5px #000000,
40px 130px 0 5px #000000,
50px 130px 0 5px #000000,
60px 130px 0 5px #ffffff,
70px 130px 0 5px #ffffff,
80px 130px 0 5px #ffffff,
90px 130px 0 5px #ffffff,
100px 130px 0 5px #ffffff,
110px 130px 0 5px #ffffff,
120px 130px 0 5px #ffffff,
130px 130px 0 5px #ffffff,
140px 130px 0 5px #ffffff,
150px 130px 0 5px #ffffff,
160px 130px 0 5px #ffffff,
170px 130px 0 5px #ffffff,
180px 130px 0 5px #ffffff,
190px 130px 0 5px #ffffff,
200px 130px 0 5px #ffffff,
210px 130px 0 5px #ffffff,
220px 130px 0 5px #ffffff,
230px 130px 0 5px #ffffff,
240px 130px 0 5px #ffffff,
250px 130px 0 5px #000000,
260px 130px 0 5px #000000,
270px 130px 0 5px #000000,
280px 130px 0 5px #000000,
290px 130px 0 5px #000000,
300px 130px 0 5px #000000,
310px 130px 0 5px #000000,
0px 140px 0 5px #000000,
10px 140px 0 5px #000000,
20px 140px 0 5px #000000,
30px 140px 0 5px #000000,
40px 140px 0 5px #000000,
50px 140px 0 5px #000000,
60px 140px 0 5px #000000,
70px 140px 0 5px #ffffff,
80px 140px 0 5px #ffffff,
90px 140px 0 5px #ffffff,
100px 140px 0 5px #ffffff,
110px 140px 0 5px #ffffff,
120px 140px 0 5px #ffffff,
130px 140px 0 5px #ffffff,
140px 140px 0 5px #ffffff,
150px 140px 0 5px #ffffff,
160px 140px 0 5px #ffffff,
170px 140px 0 5px #ffffff,
180px 140px 0 5px #ffffff,
190px 140px 0 5px #ffffff,
200px 140px 0 5px #ffffff,
210px 140px 0 5px #ffffff,
220px 140px 0 5px #ffffff,
230px 140px 0 5px #ffffff,
240px 140px 0 5px #ffffff,
250px 140px 0 5px #000000,
260px 140px 0 5px #000000,
270px 140px 0 5px #000000,
280px 140px 0 5px #000000,
290px 140px 0 5px #000000,
300px 140px 0 5px #000000,
310px 140px 0 5px #000000,
0px 150px 0 5px #000000,
10px 150px 0 5px #000000,
20px 150px 0 5px #000000,
30px 150px 0 5px #000000,
40px 150px 0 5px #000000,
50px 150px 0 5px #000000,
60px 150px 0 5px #000000,
70px 150px 0 5px #ffffff,
80px 150px 0 5px #ffffff,
90px 150px 0 5px #ffffff,
100px 150px 0 5px #ffffff,
110px 150px 0 5px #ffffff,
120px 150px 0 5px #ffffff,
130px 150px 0 5px #ffffff,
140px 150px 0 5px #ffffff,
150px 150px 0 5px #ffffff,
160px 150px 0 5px #ffffff,
170px 150px 0 5px #ffffff,
180px 150px 0 5px #ffffff,
190px 150px 0 5px #ffffff,
200px 150px 0 5px #ffffff,
210px 150px 0 5px #ffffff,
220px 150px 0 5px #ffffff,
230px 150px 0 5px #ffffff,
240px 150px 0 5px #000000,
250px 150px 0 5px #000000,
260px 150px 0 5px #000000,
270px 150px 0 5px #000000,
280px 150px 0 5px #000000,
290px 150px 0 5px #000000,
300px 150px 0 5px #000000,
310px 150px 0 5px #000000,
0px 160px 0 5px #000000,
10px 160px 0 5px #000000,
20px 160px 0 5px #000000,
30px 160px 0 5px #000000,
40px 160px 0 5px #000000,
50px 160px 0 5px #000000,
60px 160px 0 5px #000000,
70px 160px 0 5px #000000,
80px 160px 0 5px #ffffff,
90px 160px 0 5px #ffffff,
100px 160px 0 5px #ffffff,
110px 160px 0 5px #ffffff,
120px 160px 0 5px #ffffff,
130px 160px 0 5px #ffffff,
140px 160px 0 5px #ffffff,
150px 160px 0 5px #ffffff,
160px 160px 0 5px #ffffff,
170px 160px 0 5px #ffffff,
180px 160px 0 5px #ffffff,
190px 160px 0 5px #ffffff,
200px 160px 0 5px #ffffff,
210px 160px 0 5px #ffffff,
220px 160px 0 5px #ffffff,
230px 160px 0 5px #ffffff,
240px 160px 0 5px #000000,
250px 160px 0 5px #000000,
260px 160px 0 5px #000000,
270px 160px 0 5px #000000,
280px 160px 0 5px #000000,
290px 160px 0 5px #000000,
300px 160px 0 5px #000000,
310px 160px 0 5px #000000,
0px 170px 0 5px #000000,
10px 170px 0 5px #000000,
20px 170px 0 5px #000000,
30px 170px 0 5px #000000,
40px 170px 0 5px #000000,
50px 170px 0 5px #000000,
60px 170px 0 5px #000000,
70px 170px 0 5px #000000,
80px 170px 0 5px #000000,
90px 170px 0 5px #ffffff,
100px 170px 0 5px #ffffff,
110px 170px 0 5px #ffffff,
120px 170px 0 5px #ffffff,
130px 170px 0 5px #ffffff,
140px 170px 0 5px #ffffff,
150px 170px 0 5px #ffffff,
160px 170px 0 5px #ffffff,
170px 170px 0 5px #ffffff,
180px 170px 0 5px #ffffff,
190px 170px 0 5px #ffffff,
200px 170px 0 5px #ffffff,
210px 170px 0 5px #ffffff,
220px 170px 0 5px #000000,
230px 170px 0 5px #000000,
240px 170px 0 5px #000000,
250px 170px 0 5px #000000,
260px 170px 0 5px #000000,
270px 170px 0 5px #000000,
280px 170px 0 5px #000000,
290px 170px 0 5px #000000,
300px 170px 0 5px #000000,
310px 170px 0 5px #000000,
0px 180px 0 5px #000000,
10px 180px 0 5px #000000,
20px 180px 0 5px #000000,
30px 180px 0 5px #000000,
40px 180px 0 5px #000000,
50px 180px 0 5px #000000,
60px 180px 0 5px #000000,
70px 180px 0 5px #000000,
80px 180px 0 5px #000000,
90px 180px 0 5px #000000,
100px 180px 0 5px #000000,
110px 180px 0 5px #ffffff,
120px 180px 0 5px #ffffff,
130px 180px 0 5px #ffffff,
140px 180px 0 5px #ffffff,
150px 180px 0 5px #ffffff,
160px 180px 0 5px #ffffff,
170px 180px 0 5px #ffffff,
180px 180px 0 5px #ffffff,
190px 180px 0 5px #ffffff,
200px 180px 0 5px #ffffff,
210px 180px 0 5px #000000,
220px 180px 0 5px #000000,
230px 180px 0 5px #000000,
240px 180px 0 5px #000000,
250px 180px 0 5px #000000,
260px 180px 0 5px #000000,
270px 180px 0 5px #000000,
280px 180px 0 5px #000000,
290px 180px 0 5px #000000,
300px 180px 0 5px #000000,
310px 180px 0 5px #000000,
0px 190px 0 5px #000000,
10px 190px 0 5px #000000,
20px 190px 0 5px #000000,
30px 190px 0 5px #000000,
40px 190px 0 5px #000000,
50px 190px 0 5px #000000,
60px 190px 0 5px #000000,
70px 190px 0 5px #000000,
80px 190px 0 5px #000000,
90px 190px 0 5px #000000,
100px 190px 0 5px #000000,
110px 190px 0 5px #000000,
120px 190px 0 5px #000000,
130px 190px 0 5px #000000,
140px 190px 0 5px #ffffff,
150px 190px 0 5px #ffffff,
160px 190px 0 5px #000000,
170px 190px 0 5px #000000,
180px 190px 0 5px #000000,
190px 190px 0 5px #000000,
200px 190px 0 5px #000000,
210px 190px 0 5px #000000,
220px 190px 0 5px #000000,
230px 190px 0 5px #000000,
240px 190px 0 5px #000000,
250px 190px 0 5px #000000,
260px 190px 0 5px #000000,
270px 190px 0 5px #000000,
280px 190px 0 5px #000000,
290px 190px 0 5px #000000,
300px 190px 0 5px #000000,
310px 190px 0 5px #000000,
0px 200px 0 5px #000000,
10px 200px 0 5px #000000,
20px 200px 0 5px #000000,
30px 200px 0 5px #000000,
40px 200px 0 5px #000000,
50px 200px 0 5px #000000,
60px 200px 0 5px #000000,
70px 200px 0 5px #000000,
80px 200px 0 5px #000000,
90px 200px 0 5px #000000,
100px 200px 0 5px #000000,
110px 200px 0 5px #000000,
120px 200px 0 5px #000000,
130px 200px 0 5px #000000,
140px 200px 0 5px #000000,
150px 200px 0 5px #000000,
160px 200px 0 5px #000000,
170px 200px 0 5px #000000,
180px 200px 0 5px #000000,
190px 200px 0 5px #000000,
200px 200px 0 5px #000000,
210px 200px 0 5px #000000,
220px 200px 0 5px #000000,
230px 200px 0 5px #000000,
240px 200px 0 5px #000000,
250px 200px 0 5px #000000,
260px 200px 0 5px #000000,
270px 200px 0 5px #000000,
280px 200px 0 5px #000000,
290px 200px 0 5px #000000,
300px 200px 0 5px #000000,
310px 200px 0 5px #000000;
}About This Conversion
When you push the resolution very low and increase the pixel size, detailed photographs transform into something entirely new: abstract colour fields that work as tiled patterns and decorative textures.
This macro flower close-up becomes a soft, organic palette of greens, whites, and yellows at 32 pixels wide. The individual petals blur into a gentle mosaic that could serve as a unique CSS background — something no stock image library can replicate.
Low-resolution conversions like this produce the smallest CSS files (just 672 shadows here) while creating the most visually distinctive output. It’s an approach that turns any photograph into a one-of-a-kind design asset.
Convert Your Own Photos
Upload any photograph and convert it to pure CSS instantly — with the same colour, grayscale, and B&W options shown above.
Try Image2CSS