На главную
CSS-эффекты и графика
Low-poly фон
Треугольная сетка с градиентной заливкой ячеек: плотность, дрожание узлов и разброс яркости настраиваются, картинка воспроизводится по номеру варианта.
Сетка
Обводка убирает волосяные щели между треугольниками — они видны в Safari при дробном масштабе.
Превью
Треугольников: 96 · размер файла ≈ 9.8 КБ
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="1200" height="800" preserveAspectRatio="none"> <polygon points="0,0 173.3,0 175.4,142.7" fill="#3b2f79" stroke="#3b2f79" stroke-width="1"/> <polygon points="0,0 175.4,142.7 0,130.8" fill="#554a93" stroke="#554a93" stroke-width="1"/> <polygon points="173.3,0 295,0 175.4,142.7" fill="#46337f" stroke="#46337f" stroke-width="1"/> <polygon points="295,0 307.8,155.2 175.4,142.7" fill="#543a8b" stroke="#543a8b" stroke-width="1"/> <polygon points="295,0 460.9,0 423.5,137.4" fill="#593b88" stroke="#593b88" stroke-width="1"/> <polygon points="295,0 423.5,137.4 307.8,155.2" fill="#573a86" stroke="#573a86" stroke-width="1"/> <polygon points="460.9,0 587,0 423.5,137.4" fill="#65408f" stroke="#65408f" stroke-width="1"/> <polygon points="587,0 568.7,152.4 423.5,137.4" fill="#6a418d" stroke="#6a418d" stroke-width="1"/> <polygon points="587,0 776.3,0 730.1,138.3" fill="#73438d" stroke="#73438d" stroke-width="1"/> <polygon points="587,0 730.1,138.3 568.7,152.4" fill="#6d4086" stroke="#6d4086" stroke-width="1"/> <polygon points="776.3,0 933.3,0 730.1,138.3" fill="#7b468d" stroke="#7b468d" stroke-width="1"/> <polygon points="933.3,0 920.4,133.2 730.1,138.3" fill="#93559e" stroke="#93559e" stroke-width="1"/> <polygon points="933.3,0 1069.3,0 1079.5,153.4" fill="#9d58a1" stroke="#9d58a1" stroke-width="1"/> <polygon points="933.3,0 1079.5,153.4 920.4,133.2" fill="#9f5aa1" stroke="#9f5aa1" stroke-width="1"/> <polygon points="1069.3,0 1200,0 1079.5,153.4" fill="#9a5197" stroke="#9a5197" stroke-width="1"/> <polygon points="1200,0 1200,146.4 1079.5,153.4" fill="#ac59a2" stroke="#ac59a2" stroke-width="1"/> <polygon points="0,130.8 175.4,142.7 0,264.6" fill="#41317b" stroke="#41317b" stroke-width="1"/> <polygon points="175.4,142.7 182,254.4 0,264.6" fill="#644f96" stroke="#644f96" stroke-width="1"/> <polygon points="175.4,142.7 307.8,155.2 319.8,279.5" fill="#5b3c88" stroke="#5b3c88" stroke-width="1"/> <polygon points="175.4,142.7 319.8,279.5 182,254.4" fill="#563883" stroke="#563883" stroke-width="1"/> <polygon points="307.8,155.2 423.5,137.4 319.8,279.5" fill="#704c96" stroke="#704c96" stroke-width="1"/> <polygon points="423.5,137.4 470.8,242.9 319.8,279.5" fill="#633d84" stroke="#633d84" stroke-width="1"/> <polygon points="423.5,137.4 568.7,152.4 600.9,242.5" fill="#754693" stroke="#754693" stroke-width="1"/> <polygon points="423.5,137.4 600.9,242.5 470.8,242.9" fill="#754592" stroke="#754592" stroke-width="1"/> <polygon points="568.7,152.4 730.1,138.3 600.9,242.5" fill="#87549c" stroke="#87549c" stroke-width="1"/> <polygon points="730.1,138.3 725.4,252.4 600.9,242.5" fill="#7b458a" stroke="#7b458a" stroke-width="1"/> <polygon points="730.1,138.3 920.4,133.2 887.4,296.1" fill="#a061a5" stroke="#a061a5" stroke-width="1"/> <polygon points="730.1,138.3 887.4,296.1 725.4,252.4" fill="#9b5da4" stroke="#9b5da4" stroke-width="1"/> <polygon points="920.4,133.2 1079.5,153.4 887.4,296.1" fill="#a55ba3" stroke="#a55ba3" stroke-width="1"/> <polygon points="1079.5,153.4 1030.7,245.7 887.4,296.1" fill="#b167aa" stroke="#b167aa" stroke-width="1"/> <polygon points="1079.5,153.4 1200,146.4 1200,237.5" fill="#a55497" stroke="#a55497" stroke-width="1"/> <polygon points="1079.5,153.4 1200,237.5 1030.7,245.7" fill="#b25da5" stroke="#b25da5" stroke-width="1"/> <polygon points="0,264.6 182,254.4 136.4,380.9" fill="#543985" stroke="#543985" stroke-width="1"/> <polygon points="0,264.6 136.4,380.9 0,384.2" fill="#6a5198" stroke="#6a5198" stroke-width="1"/> <polygon points="182,254.4 319.8,279.5 136.4,380.9" fill="#5a3a82" stroke="#5a3a82" stroke-width="1"/> <polygon points="319.8,279.5 317.3,379.5 136.4,380.9" fill="#67408a" stroke="#67408a" stroke-width="1"/> <polygon points="319.8,279.5 470.8,242.9 444.9,394.3" fill="#73448f" stroke="#73448f" stroke-width="1"/> <polygon points="319.8,279.5 444.9,394.3 317.3,379.5" fill="#855aa0" stroke="#855aa0" stroke-width="1"/> <polygon points="470.8,242.9 600.9,242.5 444.9,394.3" fill="#89579e" stroke="#89579e" stroke-width="1"/> <polygon points="600.9,242.5 592.3,380 444.9,394.3" fill="#8b529b" stroke="#8b529b" stroke-width="1"/> <polygon points="600.9,242.5 725.4,252.4 731.8,392.7" fill="#995ba2" stroke="#995ba2" stroke-width="1"/> <polygon points="600.9,242.5 731.8,392.7 592.3,380" fill="#914f9b" stroke="#914f9b" stroke-width="1"/> <polygon points="725.4,252.4 887.4,296.1 731.8,392.7" fill="#924e94" stroke="#924e94" stroke-width="1"/> <polygon points="887.4,296.1 877,399 731.8,392.7" fill="#944e90" stroke="#944e90" stroke-width="1"/> <polygon points="887.4,296.1 1030.7,245.7 1049.9,375.4" fill="#b261a7" stroke="#b261a7" stroke-width="1"/> <polygon points="887.4,296.1 1049.9,375.4 877,399" fill="#b05ca4" stroke="#b05ca4" stroke-width="1"/> <polygon points="1030.7,245.7 1200,237.5 1049.9,375.4" fill="#bf6eaf" stroke="#bf6eaf" stroke-width="1"/> <polygon points="1200,237.5 1200,382.3 1049.9,375.4" fill="#c76fb0" stroke="#c76fb0" stroke-width="1"/> <polygon points="0,384.2 136.4,380.9 0,554.7" fill="#583a82" stroke="#583a82" stroke-width="1"/> <polygon points="136.4,380.9 173.5,561.1 0,554.7" fill="#78519a" stroke="#78519a" stroke-width="1"/> <polygon points="136.4,380.9 317.3,379.5 274.5,520.8" fill="#653d83" stroke="#653d83" stroke-width="1"/> <polygon points="136.4,380.9 274.5,520.8 173.5,561.1" fill="#83599e" stroke="#83599e" stroke-width="1"/> <polygon points="317.3,379.5 444.9,394.3 274.5,520.8" fill="#804c98" stroke="#804c98" stroke-width="1"/> <polygon points="444.9,394.3 457.3,551.8 274.5,520.8" fill="#834a94" stroke="#834a94" stroke-width="1"/> <polygon points="444.9,394.3 592.3,380 576.1,540.3" fill="#92529c" stroke="#92529c" stroke-width="1"/> <polygon points="444.9,394.3 576.1,540.3 457.3,551.8" fill="#9c62a5" stroke="#9c62a5" stroke-width="1"/> <polygon points="592.3,380 731.8,392.7 576.1,540.3" fill="#a566a8" stroke="#a566a8" stroke-width="1"/> <polygon points="731.8,392.7 720.2,527.5 576.1,540.3" fill="#a861a6" stroke="#a861a6" stroke-width="1"/> <polygon points="731.8,392.7 877,399 903.7,504" fill="#af5da5" stroke="#af5da5" stroke-width="1"/> <polygon points="731.8,392.7 903.7,504 720.2,527.5" fill="#a4559b" stroke="#a4559b" stroke-width="1"/> <polygon points="877,399 1049.9,375.4 903.7,504" fill="#b25ba1" stroke="#b25ba1" stroke-width="1"/> <polygon points="1049.9,375.4 1062.9,556 903.7,504" fill="#c76caf" stroke="#c76caf" stroke-width="1"/> <polygon points="1049.9,375.4 1200,382.3 1200,513.2" fill="#c763a9" stroke="#c763a9" stroke-width="1"/> <polygon points="1049.9,375.4 1200,513.2 1062.9,556" fill="#d071b2" stroke="#d071b2" stroke-width="1"/> <polygon points="0,554.7 173.5,561.1 158.7,671.3" fill="#744591" stroke="#744591" stroke-width="1"/> <polygon points="0,554.7 158.7,671.3 0,695.6" fill="#81579d" stroke="#81579d" stroke-width="1"/> <polygon points="173.5,561.1 274.5,520.8 158.7,671.3" fill="#824e99" stroke="#824e99" stroke-width="1"/> <polygon points="274.5,520.8 269.2,644.5 158.7,671.3" fill="#8d599f" stroke="#8d599f" stroke-width="1"/> <polygon points="274.5,520.8 457.3,551.8 443.2,683.5" fill="#975aa2" stroke="#975aa2" stroke-width="1"/> <polygon points="274.5,520.8 443.2,683.5 269.2,644.5" fill="#92559e" stroke="#92559e" stroke-width="1"/> <polygon points="457.3,551.8 576.1,540.3 443.2,683.5" fill="#a462a7" stroke="#a462a7" stroke-width="1"/> <polygon points="576.1,540.3 612.5,673.1 443.2,683.5" fill="#a960a5" stroke="#a960a5" stroke-width="1"/> <polygon points="576.1,540.3 720.2,527.5 774.9,666.9" fill="#b060a7" stroke="#b060a7" stroke-width="1"/> <polygon points="576.1,540.3 774.9,666.9 612.5,673.1" fill="#9d5193" stroke="#9d5193" stroke-width="1"/> <polygon points="720.2,527.5 903.7,504 774.9,666.9" fill="#b65ca5" stroke="#b65ca5" stroke-width="1"/> <polygon points="903.7,504 892.6,679.4 774.9,666.9" fill="#c364aa" stroke="#c364aa" stroke-width="1"/> <polygon points="903.7,504 1062.9,556 1036,686" fill="#d073b3" stroke="#d073b3" stroke-width="1"/> <polygon points="903.7,504 1036,686 892.6,679.4" fill="#c962aa" stroke="#c962aa" stroke-width="1"/> <polygon points="1062.9,556 1200,513.2 1036,686" fill="#da79b8" stroke="#da79b8" stroke-width="1"/> <polygon points="1200,513.2 1200,695.4 1036,686" fill="#d264a7" stroke="#d264a7" stroke-width="1"/> <polygon points="0,695.6 158.7,671.3 0,800" fill="#84529c" stroke="#84529c" stroke-width="1"/> <polygon points="158.7,671.3 127.1,800 0,800" fill="#925fa3" stroke="#925fa3" stroke-width="1"/> <polygon points="158.7,671.3 269.2,644.5 295,800" fill="#9459a0" stroke="#9459a0" stroke-width="1"/> <polygon points="158.7,671.3 295,800 127.1,800" fill="#864a91" stroke="#864a91" stroke-width="1"/> <polygon points="269.2,644.5 443.2,683.5 295,800" fill="#9c5aa2" stroke="#9c5aa2" stroke-width="1"/> <polygon points="443.2,683.5 416.3,800 295,800" fill="#8f4c8e" stroke="#8f4c8e" stroke-width="1"/> <polygon points="443.2,683.5 612.5,673.1 572,800" fill="#a15398" stroke="#a15398" stroke-width="1"/> <polygon points="443.2,683.5 572,800 416.3,800" fill="#9f5297" stroke="#9f5297" stroke-width="1"/> <polygon points="612.5,673.1 774.9,666.9 572,800" fill="#a75598" stroke="#a75598" stroke-width="1"/> <polygon points="774.9,666.9 764.8,800 572,800" fill="#bb5ea5" stroke="#bb5ea5" stroke-width="1"/> <polygon points="774.9,666.9 892.6,679.4 888.3,800" fill="#cc69ae" stroke="#cc69ae" stroke-width="1"/> <polygon points="774.9,666.9 888.3,800 764.8,800" fill="#cf73b3" stroke="#cf73b3" stroke-width="1"/> <polygon points="892.6,679.4 1036,686 888.3,800" fill="#c35ea0" stroke="#c35ea0" stroke-width="1"/> <polygon points="1036,686 1022.4,800 888.3,800" fill="#dc6db1" stroke="#dc6db1" stroke-width="1"/> <polygon points="1036,686 1200,695.4 1200,800" fill="#df6aac" stroke="#df6aac" stroke-width="1"/> <polygon points="1036,686 1200,800 1022.4,800" fill="#e26baf" stroke="#e26baf" stroke-width="1"/> </svg>
CSS: фон блока
.low-poly {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' width='1200' height='800' preserveAspectRatio='none'%3E %3Cpolygon points='0,0 173.3,0 175.4,142.7' fill='%233b2f79' stroke='%233b2f79' stroke-width='1'/%3E %3Cpolygon points='0,0 175.4,142.7 0,130.8' fill='%23554a93' stroke='%23554a93' stroke-width='1'/%3E %3Cpolygon points='173.3,0 295,0 175.4,142.7' fill='%2346337f' stroke='%2346337f' stroke-width='1'/%3E %3Cpolygon points='295,0 307.8,155.2 175.4,142.7' fill='%23543a8b' stroke='%23543a8b' stroke-width='1'/%3E %3Cpolygon points='295,0 460.9,0 423.5,137.4' fill='%23593b88' stroke='%23593b88' stroke-width='1'/%3E %3Cpolygon points='295,0 423.5,137.4 307.8,155.2' fill='%23573a86' stroke='%23573a86' stroke-width='1'/%3E %3Cpolygon points='460.9,0 587,0 423.5,137.4' fill='%2365408f' stroke='%2365408f' stroke-width='1'/%3E %3Cpolygon points='587,0 568.7,152.4 423.5,137.4' fill='%236a418d' stroke='%236a418d' stroke-width='1'/%3E %3Cpolygon points='587,0 776.3,0 730.1,138.3' fill='%2373438d' stroke='%2373438d' stroke-width='1'/%3E %3Cpolygon points='587,0 730.1,138.3 568.7,152.4' fill='%236d4086' stroke='%236d4086' stroke-width='1'/%3E %3Cpolygon points='776.3,0 933.3,0 730.1,138.3' fill='%237b468d' stroke='%237b468d' stroke-width='1'/%3E %3Cpolygon points='933.3,0 920.4,133.2 730.1,138.3' fill='%2393559e' stroke='%2393559e' stroke-width='1'/%3E %3Cpolygon points='933.3,0 1069.3,0 1079.5,153.4' fill='%239d58a1' stroke='%239d58a1' stroke-width='1'/%3E %3Cpolygon points='933.3,0 1079.5,153.4 920.4,133.2' fill='%239f5aa1' stroke='%239f5aa1' stroke-width='1'/%3E %3Cpolygon points='1069.3,0 1200,0 1079.5,153.4' fill='%239a5197' stroke='%239a5197' stroke-width='1'/%3E %3Cpolygon points='1200,0 1200,146.4 1079.5,153.4' fill='%23ac59a2' stroke='%23ac59a2' stroke-width='1'/%3E %3Cpolygon points='0,130.8 175.4,142.7 0,264.6' fill='%2341317b' stroke='%2341317b' stroke-width='1'/%3E %3Cpolygon points='175.4,142.7 182,254.4 0,264.6' fill='%23644f96' stroke='%23644f96' stroke-width='1'/%3E %3Cpolygon points='175.4,142.7 307.8,155.2 319.8,279.5' fill='%235b3c88' stroke='%235b3c88' stroke-width='1'/%3E %3Cpolygon points='175.4,142.7 319.8,279.5 182,254.4' fill='%23563883' stroke='%23563883' stroke-width='1'/%3E %3Cpolygon points='307.8,155.2 423.5,137.4 319.8,279.5' fill='%23704c96' stroke='%23704c96' stroke-width='1'/%3E %3Cpolygon points='423.5,137.4 470.8,242.9 319.8,279.5' fill='%23633d84' stroke='%23633d84' stroke-width='1'/%3E %3Cpolygon points='423.5,137.4 568.7,152.4 600.9,242.5' fill='%23754693' stroke='%23754693' stroke-width='1'/%3E %3Cpolygon points='423.5,137.4 600.9,242.5 470.8,242.9' fill='%23754592' stroke='%23754592' stroke-width='1'/%3E %3Cpolygon points='568.7,152.4 730.1,138.3 600.9,242.5' fill='%2387549c' stroke='%2387549c' stroke-width='1'/%3E %3Cpolygon points='730.1,138.3 725.4,252.4 600.9,242.5' fill='%237b458a' stroke='%237b458a' stroke-width='1'/%3E %3Cpolygon points='730.1,138.3 920.4,133.2 887.4,296.1' fill='%23a061a5' stroke='%23a061a5' stroke-width='1'/%3E %3Cpolygon points='730.1,138.3 887.4,296.1 725.4,252.4' fill='%239b5da4' stroke='%239b5da4' stroke-width='1'/%3E %3Cpolygon points='920.4,133.2 1079.5,153.4 887.4,296.1' fill='%23a55ba3' stroke='%23a55ba3' stroke-width='1'/%3E %3Cpolygon points='1079.5,153.4 1030.7,245.7 887.4,296.1' fill='%23b167aa' stroke='%23b167aa' stroke-width='1'/%3E %3Cpolygon points='1079.5,153.4 1200,146.4 1200,237.5' fill='%23a55497' stroke='%23a55497' stroke-width='1'/%3E %3Cpolygon points='1079.5,153.4 1200,237.5 1030.7,245.7' fill='%23b25da5' stroke='%23b25da5' stroke-width='1'/%3E %3Cpolygon points='0,264.6 182,254.4 136.4,380.9' fill='%23543985' stroke='%23543985' stroke-width='1'/%3E %3Cpolygon points='0,264.6 136.4,380.9 0,384.2' fill='%236a5198' stroke='%236a5198' stroke-width='1'/%3E %3Cpolygon points='182,254.4 319.8,279.5 136.4,380.9' fill='%235a3a82' stroke='%235a3a82' stroke-width='1'/%3E %3Cpolygon points='319.8,279.5 317.3,379.5 136.4,380.9' fill='%2367408a' stroke='%2367408a' stroke-width='1'/%3E %3Cpolygon points='319.8,279.5 470.8,242.9 444.9,394.3' fill='%2373448f' stroke='%2373448f' stroke-width='1'/%3E %3Cpolygon points='319.8,279.5 444.9,394.3 317.3,379.5' fill='%23855aa0' stroke='%23855aa0' stroke-width='1'/%3E %3Cpolygon points='470.8,242.9 600.9,242.5 444.9,394.3' fill='%2389579e' stroke='%2389579e' stroke-width='1'/%3E %3Cpolygon points='600.9,242.5 592.3,380 444.9,394.3' fill='%238b529b' stroke='%238b529b' stroke-width='1'/%3E %3Cpolygon points='600.9,242.5 725.4,252.4 731.8,392.7' fill='%23995ba2' stroke='%23995ba2' stroke-width='1'/%3E %3Cpolygon points='600.9,242.5 731.8,392.7 592.3,380' fill='%23914f9b' stroke='%23914f9b' stroke-width='1'/%3E %3Cpolygon points='725.4,252.4 887.4,296.1 731.8,392.7' fill='%23924e94' stroke='%23924e94' stroke-width='1'/%3E %3Cpolygon points='887.4,296.1 877,399 731.8,392.7' fill='%23944e90' stroke='%23944e90' stroke-width='1'/%3E %3Cpolygon points='887.4,296.1 1030.7,245.7 1049.9,375.4' fill='%23b261a7' stroke='%23b261a7' stroke-width='1'/%3E %3Cpolygon points='887.4,296.1 1049.9,375.4 877,399' fill='%23b05ca4' stroke='%23b05ca4' stroke-width='1'/%3E %3Cpolygon points='1030.7,245.7 1200,237.5 1049.9,375.4' fill='%23bf6eaf' stroke='%23bf6eaf' stroke-width='1'/%3E %3Cpolygon points='1200,237.5 1200,382.3 1049.9,375.4' fill='%23c76fb0' stroke='%23c76fb0' stroke-width='1'/%3E %3Cpolygon points='0,384.2 136.4,380.9 0,554.7' fill='%23583a82' stroke='%23583a82' stroke-width='1'/%3E %3Cpolygon points='136.4,380.9 173.5,561.1 0,554.7' fill='%2378519a' stroke='%2378519a' stroke-width='1'/%3E %3Cpolygon points='136.4,380.9 317.3,379.5 274.5,520.8' fill='%23653d83' stroke='%23653d83' stroke-width='1'/%3E %3Cpolygon points='136.4,380.9 274.5,520.8 173.5,561.1' fill='%2383599e' stroke='%2383599e' stroke-width='1'/%3E %3Cpolygon points='317.3,379.5 444.9,394.3 274.5,520.8' fill='%23804c98' stroke='%23804c98' stroke-width='1'/%3E %3Cpolygon points='444.9,394.3 457.3,551.8 274.5,520.8' fill='%23834a94' stroke='%23834a94' stroke-width='1'/%3E %3Cpolygon points='444.9,394.3 592.3,380 576.1,540.3' fill='%2392529c' stroke='%2392529c' stroke-width='1'/%3E %3Cpolygon points='444.9,394.3 576.1,540.3 457.3,551.8' fill='%239c62a5' stroke='%239c62a5' stroke-width='1'/%3E %3Cpolygon points='592.3,380 731.8,392.7 576.1,540.3' fill='%23a566a8' stroke='%23a566a8' stroke-width='1'/%3E %3Cpolygon points='731.8,392.7 720.2,527.5 576.1,540.3' fill='%23a861a6' stroke='%23a861a6' stroke-width='1'/%3E %3Cpolygon points='731.8,392.7 877,399 903.7,504' fill='%23af5da5' stroke='%23af5da5' stroke-width='1'/%3E %3Cpolygon points='731.8,392.7 903.7,504 720.2,527.5' fill='%23a4559b' stroke='%23a4559b' stroke-width='1'/%3E %3Cpolygon points='877,399 1049.9,375.4 903.7,504' fill='%23b25ba1' stroke='%23b25ba1' stroke-width='1'/%3E %3Cpolygon points='1049.9,375.4 1062.9,556 903.7,504' fill='%23c76caf' stroke='%23c76caf' stroke-width='1'/%3E %3Cpolygon points='1049.9,375.4 1200,382.3 1200,513.2' fill='%23c763a9' stroke='%23c763a9' stroke-width='1'/%3E %3Cpolygon points='1049.9,375.4 1200,513.2 1062.9,556' fill='%23d071b2' stroke='%23d071b2' stroke-width='1'/%3E %3Cpolygon points='0,554.7 173.5,561.1 158.7,671.3' fill='%23744591' stroke='%23744591' stroke-width='1'/%3E %3Cpolygon points='0,554.7 158.7,671.3 0,695.6' fill='%2381579d' stroke='%2381579d' stroke-width='1'/%3E %3Cpolygon points='173.5,561.1 274.5,520.8 158.7,671.3' fill='%23824e99' stroke='%23824e99' stroke-width='1'/%3E %3Cpolygon points='274.5,520.8 269.2,644.5 158.7,671.3' fill='%238d599f' stroke='%238d599f' stroke-width='1'/%3E %3Cpolygon points='274.5,520.8 457.3,551.8 443.2,683.5' fill='%23975aa2' stroke='%23975aa2' stroke-width='1'/%3E %3Cpolygon points='274.5,520.8 443.2,683.5 269.2,644.5' fill='%2392559e' stroke='%2392559e' stroke-width='1'/%3E %3Cpolygon points='457.3,551.8 576.1,540.3 443.2,683.5' fill='%23a462a7' stroke='%23a462a7' stroke-width='1'/%3E %3Cpolygon points='576.1,540.3 612.5,673.1 443.2,683.5' fill='%23a960a5' stroke='%23a960a5' stroke-width='1'/%3E %3Cpolygon points='576.1,540.3 720.2,527.5 774.9,666.9' fill='%23b060a7' stroke='%23b060a7' stroke-width='1'/%3E %3Cpolygon points='576.1,540.3 774.9,666.9 612.5,673.1' fill='%239d5193' stroke='%239d5193' stroke-width='1'/%3E %3Cpolygon points='720.2,527.5 903.7,504 774.9,666.9' fill='%23b65ca5' stroke='%23b65ca5' stroke-width='1'/%3E %3Cpolygon points='903.7,504 892.6,679.4 774.9,666.9' fill='%23c364aa' stroke='%23c364aa' stroke-width='1'/%3E %3Cpolygon points='903.7,504 1062.9,556 1036,686' fill='%23d073b3' stroke='%23d073b3' stroke-width='1'/%3E %3Cpolygon points='903.7,504 1036,686 892.6,679.4' fill='%23c962aa' stroke='%23c962aa' stroke-width='1'/%3E %3Cpolygon points='1062.9,556 1200,513.2 1036,686' fill='%23da79b8' stroke='%23da79b8' stroke-width='1'/%3E %3Cpolygon points='1200,513.2 1200,695.4 1036,686' fill='%23d264a7' stroke='%23d264a7' stroke-width='1'/%3E %3Cpolygon points='0,695.6 158.7,671.3 0,800' fill='%2384529c' stroke='%2384529c' stroke-width='1'/%3E %3Cpolygon points='158.7,671.3 127.1,800 0,800' fill='%23925fa3' stroke='%23925fa3' stroke-width='1'/%3E %3Cpolygon points='158.7,671.3 269.2,644.5 295,800' fill='%239459a0' stroke='%239459a0' stroke-width='1'/%3E %3Cpolygon points='158.7,671.3 295,800 127.1,800' fill='%23864a91' stroke='%23864a91' stroke-width='1'/%3E %3Cpolygon points='269.2,644.5 443.2,683.5 295,800' fill='%239c5aa2' stroke='%239c5aa2' stroke-width='1'/%3E %3Cpolygon points='443.2,683.5 416.3,800 295,800' fill='%238f4c8e' stroke='%238f4c8e' stroke-width='1'/%3E %3Cpolygon points='443.2,683.5 612.5,673.1 572,800' fill='%23a15398' stroke='%23a15398' stroke-width='1'/%3E %3Cpolygon points='443.2,683.5 572,800 416.3,800' fill='%239f5297' stroke='%239f5297' stroke-width='1'/%3E %3Cpolygon points='612.5,673.1 774.9,666.9 572,800' fill='%23a75598' stroke='%23a75598' stroke-width='1'/%3E %3Cpolygon points='774.9,666.9 764.8,800 572,800' fill='%23bb5ea5' stroke='%23bb5ea5' stroke-width='1'/%3E %3Cpolygon points='774.9,666.9 892.6,679.4 888.3,800' fill='%23cc69ae' stroke='%23cc69ae' stroke-width='1'/%3E %3Cpolygon points='774.9,666.9 888.3,800 764.8,800' fill='%23cf73b3' stroke='%23cf73b3' stroke-width='1'/%3E %3Cpolygon points='892.6,679.4 1036,686 888.3,800' fill='%23c35ea0' stroke='%23c35ea0' stroke-width='1'/%3E %3Cpolygon points='1036,686 1022.4,800 888.3,800' fill='%23dc6db1' stroke='%23dc6db1' stroke-width='1'/%3E %3Cpolygon points='1036,686 1200,695.4 1200,800' fill='%23df6aac' stroke='%23df6aac' stroke-width='1'/%3E %3Cpolygon points='1036,686 1200,800 1022.4,800' fill='%23e26baf' stroke='%23e26baf' stroke-width='1'/%3E %3C/svg%3E");
background-size: cover;
background-position: center;
}