Macintosh Classic — Retro Sticker Edition

Initial state 17:10

Convert this to a bluish-green background from the red base. The foreground should adapt accordingly.

To change the theme from red to a bluish-green (teal) while maintaining the original contrast and animation, we need to update the color hex codes in both the HTML (for the SVG shapes) and the CSS (for the document background).

The JavaScript remains exactly the same as it relies on translucent black dots which naturally adapt to the new background color, so it has been omitted below.

AI: Convert this to a bluish-green... 17:12

Convert this to a pink-based background instead of the red

To change the theme from red to a pink while maintaining the original contrast and animation, we need to update the color hex codes in both the HTML (for the SVG shapes) and the CSS (for the document background).

Contextual controls

HTML

xxxxxxxxxx
<canvas id="dotDisplay" aria-hidden="true"></canvas>
    <div class="container">
        <div class="logo-stage">
            <div id="logoObject" class="logo-object" role="img" aria-label="Animated Intelligence Explorers logo. Press Space to replay its animation, then drag horizontally to spin it.">
                <svg width="1600" height="1600" viewBox="0 0 1600 1600" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clip-path="url(#clip0_1799_498)">
                
                <!-- Central glyph with rounded corners -->
                <path class="central-glyph" d="M316.536 613.977C316.536 607.35 321.908 601.977 328.536 601.977H360.484V645.925H316.536V613.977ZM360.484 601.977H404.432V645.925H360.484V601.977ZM360.484 645.925H404.432V689.874H360.484V645.925ZM404.432 558.03H448.38V601.977H404.432V558.03ZM404.432 514.081H448.38V558.03H404.432V514.081ZM448.38 514.081H492.328V558.03H448.38V514.081ZM448.38 558.03H492.328V601.977H448.38V558.03ZM316.536 645.925H360.484V689.874H316.536V645.925ZM404.432 601.977H448.38V645.925H404.432V601.977ZM448.38 601.977H492.328V645.925H448.38V601.977ZM448.38 645.925H492.328V689.874H448.38V645.925ZM404.432 645.925H448.38V689.874H404.432V645.925ZM404.432 470.134H448.38V514.081H404.432V470.134ZM404.432 438.186C404.432 431.558 409.804 426.186 416.432 426.186H448.38V470.134H404.432V438.186ZM448.38 426.186H492.328V470.134H448.38V426.186ZM448.38 470.134H492.328V514.081H448.38V470.134ZM492.328 382.238H536.276V426.186H492.328V382.238ZM492.328 350.289C492.328 343.662 497.7 338.289 504.328 338.289H536.276V382.238H492.328V350.289ZM580.224 262.394C580.224 255.766 585.596 250.394 592.224 250.394H624.172V294.341H580.224V262.394ZM624.172 250.394H668.12V294.341H624.172V250.394ZM404.432 689.874H448.38V733.821H404.432V689.874ZM448.38 689.874H492.328V733.821H448.38V689.874ZM448.38 733.821H492.328V777.769H448.38V733.821ZM404.432 733.821H448.38V777.769H404.432V733.821ZM404.432 777.769H448.38V821.717H404.432V777.769ZM448.38 777.769H492.328V821.717H448.38V777.769ZM448.38 821.717H492.328V865.665H448.38V821.717ZM404.432 821.717H448.38V865.665H404.432V821.717ZM404.432 865.665H448.38V909.614H404.432V865.665ZM448.38 865.665H492.328V909.614H448.38V865.665ZM448.38 909.614H492.328V953.561H448.38V909.614ZM404.432 909.614H448.38V953.561H404.432V909.614ZM404.432 953.561H448.38V997.509H404.432V953.561ZM448.38 953.561H492.328V997.509H448.38V953.561ZM448.38 997.509H492.328V1041.46H448.38V997.509ZM404.432 997.509H448.38V1041.46H404.432V997.509ZM316.536 689.874H360.484V733.821H316.536V689.874ZM360.484 689.874H404.432V733.821H360.484V689.874ZM360.484 733.821H404.432V777.769H360.484V733.821ZM316.536 733.821H360.484V777.769H316.536V733.821ZM316.536 777.769H360.484V821.717H316.536V777.769ZM360.484 777.769H404.432V821.717H360.484V777.769ZM360.484 821.717H404.432V865.665H360.484V821.717ZM316.536 821.717H360.484V865.665H316.536V821.717ZM316.536 865.665H360.484V909.614H316.536V865.665ZM360.484 865.665H404.432V909.614H360.484V865.665ZM360.484 909.614H404.432V953.561H360.484V909.614ZM316.536 909.614H360.484V953.561H316.536V909.614ZM316.536 953.561H360.484V997.509H316.536V953.561ZM360.484 953.561H404.432V997.509H360.484V953.561ZM360.484 997.509H404.432V1041.46H360.484V997.509ZM316.536 997.509H360.484V1041.46H316.536V997.509ZM580.224 613.977C580.224 607.35 585.596 601.977 592.224 601.977H624.172V645.925H580.224V613.977ZM624.172 601.977H668.12V645.925H624.172V601.977ZM624.172 645.925H668.12V689.874H624.172V645.925ZM580.224 645.925H624.172V689.874H592.224C585.596 689.874 580.224 684.501 580.224 677.874V645.925ZM668.12 601.977H712.068V645.925H668.12V601.977ZM712.068 645.925H756.016V689.874H712.068V645.925ZM668.12 645.925H712.068V689.874H668.12V645.925ZM712.068 601.977H756.016V645.925H712.068V601.977ZM624.172 777.769H668.12V821.717H624.172V777.769ZM580.224 789.769C580.224 783.142 585.596 777.769 592.224 777.769H624.172V821.717H580.224V789.769ZM580.224 821.717H624.172V865.665H592.224C585.596 865.665 580.224 860.293 580.224 853.665V821.717ZM624.172 821.717H668.12V865.665H624.172V821.717ZM712.068 777.769H756.016V821.717H712.068V777.769ZM668.12 777.769H712.068V821.717H668.12V777.769ZM712.068 821.717H756.016V865.665H712.068V821.717ZM668.12 821.717H712.068V865.665H668.12V821.717ZM756.016 601.977H799.964V645.925H756.016V601.977ZM799.964 601.977H843.912V645.925H799.964V601.977ZM799.964 645.925H843.912V689.874H799.964V645.925ZM799.964 689.874H843.912V733.821H799.964V689.874ZM799.964 733.821H843.912V777.769H799.964V733.821ZM799.964 777.769H843.912V821.717H799.964V777.769ZM799.964 821.717H843.912V865.665H799.964V821.717ZM756.016 821.717H799.964V865.665H756.016V821.717ZM756.016 777.769H799.964V821.717H756.016V777.769ZM756.016 733.821H799.964V777.769H756.016V733.821ZM756.016 689.874H799.964V733.821H756.016V689.874ZM756.016 645.925H799.964V689.874H756.016V645.925ZM756.016 558.03H799.964V601.977H756.016V558.03ZM756.016 514.081H799.964V558.03H756.016V514.081ZM799.964 514.081H843.912V558.03H799.964V514.081ZM799.964 558.03H843.912V601.977H799.964V558.03ZM799.964 470.134H843.912V514.081H799.964V470.134ZM799.964 426.186H843.912V470.134H799.964V426.186ZM756.016 438.186C756.016 431.558 761.388 426.186 768.016 426.186H799.964V470.134H756.016V438.186ZM756.016 470.134H799.964V514.081H756.016V470.134ZM756.016 865.665H799.964V909.614H756.016V865.665ZM799.964 865.665H843.912V909.614H799.964V865.665ZM799.964 909.614H843.912V953.561H799.964V909.614ZM756.016 909.614H799.964V953.561H756.016V909.614ZM756.016 953.561H799.964V997.509H756.016V953.561ZM799.964 953.561H843.912V997.509H799.964V953.561ZM799.964 997.509H843.912V1041.46H799.964V997.509ZM756.016 997.509H799.964V1041.46H756.016V997.509ZM843.912 382.238H887.86V426.186H843.912V382.238ZM843.912 350.289C843.912 343.662 849.284 338.289 855.912 338.289H887.86V382.238H843.912V350.289ZM887.86 338.289H931.808V382.238H887.86V338.289ZM887.86 382.238H931.808V414.186C931.808 420.813 926.435 426.186 919.808 426.186H887.86V382.238ZM843.912 514.081H875.86C882.487 514.081 887.86 519.454 887.86 526.081V558.03H843.912V514.081ZM887.86 558.03H919.808C926.435 558.03 931.808 563.402 931.808 570.03V601.977H887.86V558.03ZM887.86 601.977H931.808V645.925H887.86V601.977ZM843.912 645.925H887.86V689.874H843.912V645.925ZM843.912 689.874H887.86V733.821H843.912V689.874ZM843.912 733.821H887.86V777.769H843.912V733.821ZM843.912 558.03H887.86V601.977H843.912V558.03ZM843.912 601.977H887.86V645.925H843.912V601.977ZM887.86 645.925H931.808V689.874H887.86V645.925ZM887.86 689.874H931.808V733.821H887.86V689.874ZM887.86 733.821H931.808V777.769H887.86V733.821ZM843.912 777.769H887.86V821.717H843.912V777.769ZM843.912 821.717H887.86V865.665H843.912V821.717ZM887.86 821.717H931.808V865.665H887.86V821.717ZM887.86 777.769H931.808V821.717H887.86V777.769ZM887.86 865.665H931.808V909.614H887.86V865.665ZM887.86 909.614H931.808V953.561H887.86V909.614ZM843.912 909.614H887.86V953.561H843.912V909.614ZM843.912 865.665H887.86V909.614H843.912V865.665ZM843.912 953.561H887.86V997.509H843.912V953.561ZM887.86 953.561H931.808V997.509H887.86V953.561ZM887.86 997.509H931.808V1029.46C931.808 1036.08 926.435 1041.46 919.808 1041.46H887.86V997.509ZM843.912 997.509H887.86V1041.46H843.912V997.509ZM799.964 1041.46H843.912V1085.41H799.964V1041.46ZM756.016 1041.46H799.964V1085.41H756.016V1041.46ZM756.016 1085.41H799.964V1129.35H756.016V1085.41ZM799.964 1085.41H843.912V1117.35C843.912 1123.98 838.539 1129.35 831.912 1129.35H799.964V1085.41ZM712.068 1085.41H756.016V1129.35H712.068V1085.41ZM668.12 1097.41C668.12 1090.78 673.492 1085.41 680.12 1085.41H712.068V1129.35H680.12C673.492 1129.35 668.12 1123.98 668.12 1117.35V1097.41ZM712.068 1053.46C712.068 1046.83 717.44 1041.46 724.068 1041.46H756.016V1085.41H712.068V1053.46ZM448.38 1041.46H492.328V1085.41H448.38V1041.46ZM404.432 1041.46H448.38V1085.41H404.432V1041.46ZM404.432 1085.41H448.38V1129.35H404.432V1085.41ZM448.38 1085.41H492.328V1129.35H448.38V1085.41ZM624.172 294.341H668.12V326.289C668.12 332.917 662.747 338.289 656.12 338.289H624.172V294.341ZM580.224 294.341H624.172V338.289H580.224V294.341ZM536.276 338.289H580.224V382.238H536.276V338.289ZM536.276 382.238H580.224V426.186H536.276V382.238ZM492.328 1085.41H536.276V1129.35H492.328V1085.41ZM404.432 1129.35H448.38V1173.3H404.432V1129.35ZM448.38 1129.35H492.328V1173.3H448.38V1129.35ZM492.328 1129.35H536.276V1173.3H492.328V1129.35ZM536.276 1129.35H568.224C574.851 1129.35 580.224 1134.73 580.224 1141.35V1173.3H536.276V1129.35ZM580.224 1173.3H624.172V1217.25H580.224V1173.3ZM536.276 1173.3H580.224V1217.25H536.276V1173.3ZM492.328 1173.3H536.276V1217.25H492.328V1173.3ZM448.38 1173.3H492.328V1217.25H448.38V1173.3ZM580.224 1217.25H624.172V1261.2H580.224V1217.25ZM624.172 1217.25H668.12V1261.2H624.172V1217.25ZM624.172 1261.2H668.12V1305.15H624.172V1261.2ZM580.224 1261.2H624.172V1305.15H580.224V1261.2ZM668.12 1217.25H712.068V1261.2H668.12V1217.25ZM712.068 1217.25H756.016V1261.2H712.068V1217.25ZM712.068 1261.2H756.016V1305.15H712.068V1261.2ZM668.12 1261.2H712.068V1305.15H668.12V1261.2ZM756.016 1217.25H799.964V1261.2H756.016V1217.25ZM799.964 1217.25H843.912V1261.2H799.964V1217.25ZM799.964 1261.2H843.912V1305.15H799.964V1261.2ZM756.016 1261.2H799.964V1305.15H756.016V1261.2ZM843.912 1217.25H887.86V1261.2H843.912V1217.25ZM887.86 1217.25H931.808V1261.2H887.86V1217.25ZM887.86 1261.2H931.808V1305.15H887.86V1261.2ZM843.912 1261.2H887.86V1305.15H843.912V1261.2ZM931.808 1217.25H975.756V1261.2H931.808V1217.25ZM975.756 1217.25H1019.7V1261.2H975.756V1217.25ZM975.756 1261.2H1019.7V1305.15H975.756V1261.2ZM931.808 1261.2H975.756V1305.15H931.808V1261.2ZM1019.7 1217.25H1063.65V1261.2H1019.7V1217.25ZM1063.65 1217.25H1107.6V1261.2H1063.65V1217.25ZM1019.7 821.717H1063.65V865.665H1031.7C1025.08 865.665 1019.7 860.293 1019.7 853.665V821.717ZM1019.7 777.769H1063.65V821.717H1019.7V777.769ZM1063.65 777.769H1107.6V821.717H1063.65V777.769ZM1063.65 733.821H1107.6V777.769H1063.65V733.821ZM1063.65 821.717H1107.6V853.665C1107.6 860.293 1102.23 865.665 1095.6 865.665H1063.65V821.717ZM1019.7 733.821H1063.65V777.769H1019.7V733.821ZM1019.7 689.874H1063.65V733.821H1019.7V689.874ZM1019.7 645.925H1063.65V689.874H1019.7V645.925ZM1019.7 601.977H1063.65V645.925H1019.7V601.977ZM1063.65 601.977H1107.6V645.925H1063.65V601.977ZM1063.65 645.925H1107.6V689.874H1063.65V645.925ZM1063.65 689.874H1107.6V733.821H1063.65V689.874ZM1019.7 558.03H1063.65V601.977H1019.7V558.03ZM1019.7 526.081C1019.7 519.454 1025.08 514.081 1031.7 514.081H1063.65V558.03H1019.7V526.081ZM1063.65 514.081H1095.6C1102.23 514.081 1107.6 519.454 1107.6 526.081V558.03H1063.65V514.081ZM1063.65 558.03H1107.6V601.977H1063.65V558.03ZM931.808 294.341H975.756V338.289H931.808V294.341ZM931.808 262.394C931.808 255.766 937.18 250.394 943.808 250.394H975.756V294.341H931.808V262.394ZM975.756 250.394H1019.7V294.341H975.756V250.394ZM975.756 294.341H1019.7V338.289H975.756V294.341ZM1063.65 294.341H1095.6C1102.23 294.341 1107.6 299.714 1107.6 306.341V338.289H1063.65V294.341ZM1019.7 294.341H1063.65V338.289H1019.7V294.341ZM1019.7 250.394H1051.65C1058.28 250.394 1063.65 255.766 1063.65 262.394V294.341H1019.7V250.394ZM1063.65 338.289H1107.6V382.238H1063.65V338.289ZM1019.7 338.289H1063.65V382.238H1019.7V338.289ZM1019.7 382.238H1063.65V426.186H1031.7C1025.08 426.186 1019.7 420.813 1019.7 414.186V382.238ZM1063.65 382.238H1107.6V426.186H1063.65V382.238ZM1107.6 338.289H1151.55V382.238H1107.6V338.289ZM1151.55 338.289H1195.5V382.238H1151.55V338.289ZM1151.55 382.238H1195.5V414.186C1195.5 420.813 1190.12 426.186 1183.5 426.186H1151.55V382.238ZM1107.6 382.238H1151.55V426.186H1107.6V382.238ZM1195.5 306.341C1195.5 299.714 1200.87 294.341 1207.5 294.341H1239.44V338.289H1195.5V306.341ZM1239.44 262.394C1239.44 255.766 1244.82 250.394 1251.44 250.394H1271.39C1278.02 250.394 1283.39 255.766 1283.39 262.394V294.341H1239.44V262.394ZM1239.44 294.341H1283.39V326.289C1283.39 332.917 1278.02 338.289 1271.39 338.289H1239.44V294.341ZM536.276 306.341C536.276 299.714 541.648 294.341 548.276 294.341H580.224V338.289H536.276V306.341ZM580.224 338.289H624.172V370.237C624.172 376.865 618.799 382.238 612.172 382.238H580.224V338.289ZM448.38 394.238C448.38 387.61 453.752 382.238 460.38 382.238H492.328V426.186H448.38V394.238ZM492.328 426.186H536.276V470.134H492.328V426.186ZM360.484 526.081C360.484 519.454 365.856 514.081 372.484 514.081H404.432V558.03H360.484V526.081ZM360.484 558.03H404.432V601.977H360.484V558.03ZM536.276 1217.25H580.224V1261.2H536.276V1217.25ZM360.484 1041.46H404.432V1085.41H360.484V1041.46ZM492.328 1217.25H536.276V1261.2H492.328V1217.25ZM536.276 1261.2H580.224V1305.15H548.276C541.648 1305.15 536.276 1299.77 536.276 1293.15V1261.2ZM492.328 470.134H536.276V514.081H492.328V470.134ZM536.276 426.186H580.224V458.134C580.224 464.761 574.851 470.134 568.224 470.134H536.276V426.186ZM492.328 514.081H536.276V546.03C536.276 552.657 530.903 558.03 524.276 558.03H492.328V514.081ZM1195.5 338.289H1239.44V370.237C1239.44 376.865 1234.07 382.238 1227.44 382.238H1195.5V338.289ZM975.756 338.289H1019.7V382.238H987.756C981.128 382.238 975.756 376.865 975.756 370.238V338.289ZM887.86 306.341C887.86 299.714 893.232 294.341 899.86 294.341H931.808V338.289H887.86V306.341ZM799.964 394.238C799.964 387.61 805.336 382.238 811.964 382.238H843.912V426.186H799.964V394.238ZM843.912 1041.46H887.86V1073.41C887.86 1080.03 882.487 1085.41 875.86 1085.41H843.912V1041.46ZM360.484 1085.41H404.432V1129.35H360.484V1085.41ZM316.536 1041.46H360.484V1085.41H328.536C321.908 1085.41 316.536 1080.03 316.536 1073.41V1041.46ZM360.484 1129.35H404.432V1173.3H372.484C365.856 1173.3 360.484 1167.93 360.484 1161.3V1129.35ZM404.432 1173.3H448.38V1217.25H416.432C409.804 1217.25 404.432 1211.88 404.432 1205.25V1173.3ZM448.38 1217.25H492.328V1261.2H460.38C453.752 1261.2 448.38 1255.82 448.38 1249.2V1217.25ZM624.172 1173.3H656.12C662.747 1173.3 668.12 1178.67 668.12 1185.3V1217.25H624.172V1173.3ZM492.328 1041.46H524.276C530.903 1041.46 536.276 1046.83 536.276 1053.46V1085.41H492.328V1041.46ZM668.12 250.394H700.068C706.695 250.394 712.068 255.766 712.068 262.394V282.341C712.068 288.969 706.695 294.341 700.068 294.341H668.12V250.394ZM1063.65 1185.3C1063.65 1178.67 1069.02 1173.3 1075.65 1173.3H1107.6V1217.25H1063.65V1185.3ZM1019.7 1261.2H1063.65V1293.15C1063.65 1299.77 1058.28 1305.15 1051.65 1305.15H1019.7V1261.2ZM624.172 1305.15H668.12V1349.09H636.172C629.544 1349.09 624.172 1343.72 624.172 1337.09V1305.15ZM668.12 1305.15H712.068V1349.09H668.12V1305.15ZM712.068 1305.15H756.016V1349.09H712.068V1305.15ZM756.016 1305.15H799.964V1349.09H756.016V1305.15ZM799.964 1305.15H843.912V1349.09H799.964V1305.15ZM843.912 1305.15H887.86V1349.09H843.912V1305.15ZM887.86 1305.15H931.808V1349.09H887.86V1305.15ZM931.808 1305.15H975.756V1337.09C975.756 1343.72 970.383 1349.09 963.756 1349.09H931.808V1305.15ZM843.912 426.186H887.86V458.134C887.86 464.761 882.487 470.134 875.86 470.134H843.912V426.186ZM1107.6 1173.3H1151.55V1217.25H1107.6V1173.3ZM1107.6 1217.25H1151.55V1249.2C1151.55 1255.82 1146.17 1261.2 1139.55 1261.2H1107.6V1217.25ZM1151.55 1173.3H1195.5V1205.25C1195.5 1211.88 1190.12 1217.25 1183.5 1217.25H1151.55V1173.3ZM1151.55 1141.35C1151.55 1134.73 1156.92 1129.35 1163.55 1129.35H1195.5V1173.3H1151.55V1141.35ZM1195.5 1129.35H1239.44V1161.3C1239.44 1167.93 1234.07 1173.3 1227.44 1173.3H1195.5V1129.35ZM1195.5 1097.41C1195.5 1090.78 1200.87 1085.41 1207.5 1085.41H1227.44C1234.07 1085.41 1239.44 1090.78 1239.44 1097.41V1129.35H1195.5V1097.41Z" fill="black" fill-opacity="0.7"/>
                
                <!-- Ellipse path with draw animation -->
                <path class="ellipse-path" d="M336.684 935.454C160.31 1178.07 85.9825 1390.89 166.552 1472.9C281.63 1590.04 669.127 1395.99 1032.05 1039.46C1394.98 682.936 1595.9 298.951 1480.82 181.808C1404.97 104.599 1301.5 107.914 1074 258.5" stroke="#4D1414" stroke-width="64"/>
                
                <!-- Circular planet with slide-in animation -->
                <g class="planet">
                    <circle cx="0" cy="0" r="130.709" fill="#4D1414" stroke="#FF4343" stroke-width="42.8553"/>
                </g>
                

CSS

xxxxxxxxxx
body {
            margin: 0;
            padding: 0;
            min-height: 100vh;
            overflow: hidden;
            background: #FF4343;
            font-family: 'SF Mono', Monaco, 'Courier New', monospace;
        }
​
        .container {
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            min-height: 100vh;
        }
​
        #dotDisplay {
            position: fixed;
            inset: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

JavaScript

xxxxxxxxxx
const logoObject = document.getElementById('logoObject');
        const logoStage = document.querySelector('.logo-stage');
        const dotCanvas = document.getElementById('dotDisplay');
        const dotContext = dotCanvas.getContext('2d');
        const waves = [];
        const DOT_SPACING = 9;
        const DOT_RADIUS = 2.2;
        const RIPPLE_ALPHA_STEP = 0.05;
        const RIPPLE_ALPHA_BUCKETS = 12;
​
        let isInteractive = false;
        let isDragging = false;
        let rotationY = 0;
        let angularVelocity = 0;
        let logoScale = 1;
        let logoScaleVelocity = 0;
        let lastPointerX = 0;
        let lastPointerTime = 0;
        let pointerStartTime = 0;
        let pointerStartX = 0;
        let maximumDragDistance = 0;
        let maximumDragSpeed = 0;
        let lastFrameTime = 0;
        let lastWaveTime = 0;
        let nextWaveDelay = 160;
        let animationFrame = null;

Generating code...

AI changes applied — review the highlighted diffs

⠿div#logoObject.logo-object.is-ready

margin 00 00

border 00 00

padding 00 00

200 × 200

Layout

display

position

top

right

bottom

left

float

clear

overflow

overflow-x

overflow-y

z-index

visibility

opacity

Flexbox

flex-direction

flex-wrap

justify-content

align-items

align-content

align-self

flex-grow

flex-shrink

flex-basis

order

gap

row-gap

column-gap

Grid

grid-template-columns

grid-template-rows

grid-column

grid-row

grid-gap

Dimensions

width

height

min-width

max-width

min-height

max-height

box-sizing

Spacing

margin-top

margin-right

margin-bottom

margin-left

padding-top

padding-right

padding-bottom

padding-left

Border

border-top-width

border-right-width

border-bottom-width

border-left-width

border-top-style

border-right-style

border-bottom-style

border-left-style

border-top-color

border-right-color

border-bottom-color

border-left-color

border-radius

border-top-left-radius

border-top-right-radius

border-bottom-right-radius

border-bottom-left-radius

Background

background-color

background-image

background-size

background-position

background-repeat

Typography

font-family

font-size

font-weight

font-style

line-height

letter-spacing

word-spacing

text-align

text-decoration

text-transform

color

white-space

text-overflow

text-shadow

Effects

box-shadow

outline

outline-offset

filter

backdrop-filter

mix-blend-mode

cursor

transition

transform

animation

Open the editor

Start with HTML

Ideas in motion

Collect the signal

Shape the frame

Try the strange version

Leave a trail