CSS Battle Solutions

October 2025

31 solutions completed this month

Target #274

190b
Wednesday, October 1, 2025
medium
Target 274 comparison
View CSS (190 bytes)
&{border-inline:110px solid#3F4869;background:linear-gradient(90deg,#E25C57 5vw,#3F4869 0)0/5pc;p{color:E25C57;scale:.61;height:160;border-radius:1in;box-shadow:-139q -151q,139q -151q,0 367q

Target #275

311b
Thursday, October 2, 2025
easy
Target 275 comparison
View CSS (311 bytes)
&{border:5ch solid;background:#FEF6E2}*{border-radius:var(--r,2in);margin:30 90-99;color:ED736E;*{background:#ED736E;--r:50%;width:15;height:30;margin:65 33;box-shadow:60px 0}p{position:fixed;border:5ch solid;margin:5-133;width:20;height:50;--r:1.2in 0 1in 1in;box-shadow:0 5pc#FEF6E2;+p{scale:-1 1;margin:5 107

Target #276

177b
Friday, October 3, 2025
medium
Target 276 comparison
View CSS (177 bytes)
*{background:#23384B;color:F0CD48;body{display:flex;margin:40 20}dt{p{margin:20 0;height:100;border-inline:5ch solid}border-block:5ch solid;width:100;margin:0 10}[a]{color:#0000

Target #277

125b
Saturday, October 4, 2025
medium
Target 277 comparison
View CSS (125 bytes)
*{margin:40;border:2.5ch solid#4763B1;*{scale:.3.6;color:fff;box-shadow:564q 61vh,564q -61vh,-564q 61vh,-564q -61vh;font:5ch'

Target #278

289b
Sunday, October 5, 2025
easy
Target 278 comparison
View CSS (289 bytes)
*{[a]{--b:linear-gradient(#222 10px,#0000 0)0 15vh;scale:.4 1}background:var(--b,#AC5353);*{p{+p{+p{+p{+p{rotate:90deg;--y:-50vh}scale:9;--y:11vw}--x:0;--y:5ch}--x:-15vw;--y:39vw}scale:3;height:100;--x:15vw;--y:68vw}translate:var(--x,0)var(--y,-65vw);--b:radial-gradient(1q,#222 10px,#0000

Target #279

105b
Monday, October 6, 2025
medium
Target 279 comparison
View CSS (105 bytes)
&{border:138q solid#588a95}*{margin:-50 0;background:#222;*{margin:0;background:#fff;transform:skew(45deg

Target #280

228b
Tuesday, October 7, 2025
easy
Target 280 comparison
View CSS (228 bytes)
*{border:0 solid#d62e65}&{background:#050044;border-width:30 30 0;margin:88 136 54}p{+p{scale:-1 1;margin:-166 90}border-width:0 0 30;width:136;height:136;margin:-46-174;background:radial-gradient(at 100%100%,#d62e65 5pc,#0000 0

Target #281

140b
Wednesday, October 8, 2025
medium
Target 281 comparison
View CSS (140 bytes)
*{*{box-shadow:-70q 5ch,-70q 201q,30ch 5ch,30ch 201q}color:0B2429;margin:-80 0 150-175}&{margin:95 175;background:#48BF7D;outline:5ch dotted

Target #282

194b
Thursday, October 9, 2025
medium
Target 282 comparison
View CSS (194 bytes)
&{background:#F0CD48;border:15vw solid;margin:60 80;border-image:conic-gradient(at 50vw 15vw, #0000 90deg,#243D83 0)1;*{background:#5AA4B7;margin:-60-40 60 100;clip-path:polygon(0 0,99%50%,0 99%

Target #283

375b
Friday, October 10, 2025
easy
Target 283 comparison
View CSS (375 bytes)
*{margin:90 125 60;border-radius:50%;box-shadow:inset 0-5q 0 69q,inset 0 0 0 1in#FEF6E2,0 0 0 9in#D27644;p{height:80;box-shadow:0 74q,0 65vh 0 5vh,0 45vh 0-5vh#D27644,0 25vw
</style>


<P><stYle>&>*{margin:90 125 60;background:#FEF6E2;border-radius:50%;box-shadow:inset 0-5q 0 69q,0 0 0 9in#D27644;p{height:80;box-shadow:0 74q,0 65vh 0 5vh,0 45vh 0-5vh#D27644,0 25vw
</style>

Target #284

145b
Saturday, October 11, 2025
medium
Target 284 comparison
View CSS (145 bytes)
&{border:5ch solid#7E6293;background:5ch/30vw 1q radial-gradient(1q,#EBE77E 5vw,#0000),10px 50px/60px 60px radial-gradient(1q,#DE817E 5vw,#7E6293

Target #285

123b
Sunday, October 12, 2025
medium
Target 285 comparison
View CSS (123 bytes)
*{background:#4763B1;margin:91 141;border:3.08ic solid;border-image:conic-gradient(#FFF);>&{margin:-10;rotate:45deg;font:0'

Target #286

158b
Monday, October 13, 2025
medium
Target 286 comparison
View CSS (158 bytes)
*{background:#4A9A86;border: solid#FAE29E;border-width:var(--w,0 40);margin:30 100;*{margin:100 80 20-80;--w:30;border-radius:50%;padding:30;*{margin:-140 100

Target #287

261b
Tuesday, October 14, 2025
easy
Target 287 comparison
View CSS (261 bytes)
*{background:#E8AD6D;[c]{clip-path:polygon(0 130%,-10vw 25vw,0 100px,20px 10px,5pc 10px,5pc 25vw,40vw 25vw,40vw 40vw);border:20px solid#E8AD6D;outline:30px solid#3B240C}p{+p{height:50;margin: 0 177}height:100;border-radius:1in;background:#3B240C;margin:45 142 0

Target #288

128b
Wednesday, October 15, 2025
medium
Target 288 comparison
View CSS (128 bytes)
*{background:#EEC8EA;margin:var(--t,15);border:solid#8E2C88;border-width:var(--b,0 60);*{--b:60 0;--t:0 0 0 15;*{--t:45 0;--b:30

Target #289

172b
Thursday, October 16, 2025
medium
Target 289 comparison
View CSS (172 bytes)
*{margin:100 69;background:radial-gradient(1q at 31%0,#0000 6.25ch,#3B240C 0 5pc,#0000)no-repeat,#B67024;box-shadow:-77vh -25vw#3B240C;*{margin:0 110 70 81;font:0'
</style>

Target #290

172b
Friday, October 17, 2025
medium
Target 290 comparison
View CSS (172 bytes)
*{background:radial-gradient(1q,#E8AD6D 57q,#243D83 0)-15q/125q;box-shadow:inset 26q -32q 0 5lh#243D83;*{margin:120 65;border-block:5vw solid#E8AD6D;border-radius:0  34%0 0

Target #291

151b
Saturday, October 18, 2025
medium
Target 291 comparison
View CSS (151 bytes)
&{margin:22;background:#FC06;color:4A9A86;*{dd{+dd{+dd{scale:.15 6;margin:45 20}margin:0 10}margin:0-20;font:34q''}height:30;border-inline:6.25ch solid

Target #292

201b
Sunday, October 19, 2025
easy
Target 292 comparison
View CSS (201 bytes)
&{*{margin:0}background:#1A4341}dt{+dt{scale:-1}height:85;background:radial-gradient(1q at 78.8%90q,#0000 53q,#5A9F48 0 5em,#0000)}p{margin:45 135;box-shadow:inset 32q 32q#5A9F48;height:130}[a]{font:0'

Target #293

124b
Monday, October 20, 2025
medium
Target 293 comparison
View CSS (124 bytes)
&{color:A34D60;margin:20%30%20%200;border-radius:0 1in;box-shadow:inset 0 2in,-5ch 0#D8BEC4,-5pc 0,0 0 0 3in#D8BEC4
</style>

Target #294

115b
Tuesday, October 21, 2025
medium
Target 294 comparison
View CSS (115 bytes)
p{margin:0-200;scale:-1;height:300}*{margin:0 200;background:10px/25vw radial-gradient(1q at 0,#4763B1 90px,#7DDDEB

Target #295

140b
Wednesday, October 22, 2025
medium
Target 295 comparison
View CSS (140 bytes)
*{background:#D62E65;margin:60 140 90;border:32q solid#eee;border-radius:6pc 6pc 1ch;*{margin:70-30-60;box-shadow:-35q -53q#D62E65;font:2in'

Target #296

108b
Thursday, October 23, 2025
medium
Target 296 comparison
View CSS (108 bytes)
&{background:#FADE8B}*{margin:90 100;border-block:5ch solid#414B81;*{rotate:90deg;margin:-30%0;*{margin:0%80

Target #297

246b
Friday, October 24, 2025
easy
Target 297 comparison
View CSS (246 bytes)
*{background:#4F77FF;margin:10 60 10 10;border:solid;border-width:5lh 0 0 5lh;border-image:conic-gradient(at var(--t,44.5%132q),#FFEFF2 25%,#0000 0 50%,#FFEFF2 0 75%,#0000 0);*{translate:201q 5lh;--t:55.5%94px;box-shadow:-49mm -45vh 0-60px#FFEFF2

Target #298

154b
Saturday, October 25, 2025
medium
Target 298 comparison
View CSS (154 bytes)
*{background:#e8ad6d;*{margin:62 110 0 30;color:3B240C;height:16;box-shadow:0 5em,0 10em,inset 0 2in;*{margin:0-80-33 290;+*{margin:0 0 0 307;padding:17 8

Target #299

153b
Sunday, October 26, 2025
medium
Target 299 comparison
View CSS (153 bytes)
*{margin:5;height:70;background:repeat-x#3F4869 radial-gradient(1q at 50%var(--t,150%),#DE6B67 35vh,#0000);*{--t:50%;margin:0;*{--t:-50%}translate:0 157%

Target #300

135b
Monday, October 27, 2025
medium
Target 300 comparison
View CSS (135 bytes)
&{margin:40 50 110;box-shadow:0 70px#C1A162;background:no-repeat#FE22 radial-gradient(1Q at 50%100%,#C1A162 0 70px,#7c3219 0 50vh,#0000

Target #301

189b
Tuesday, October 28, 2025
medium
Target 301 comparison
View CSS (189 bytes)
*{background:#C06C88 radial-gradient(1q,#0000 37q,#F4DA64 0 5em,#0000);*{margin:110 70;width:260;background:repeating-linear-gradient(90deg,#F4DA64,30%,#0000 0 45%,#F4DA64 0 55%,#0000 0 75%

Target #302

158b
Wednesday, October 29, 2025
medium
Target 302 comparison
View CSS (158 bytes)
*{background:#D9D9D9;color:4763B1;margin:100;box-shadow:-35vw -5lh 0 11q,35vw -5lh 0 11q,-35vw 5lh 0 11q,35vw 5lh 0 11q,inset 45px 0 0 37q,inset -45px 0 0 37q

Target #303

152b
Thursday, October 30, 2025
medium
Target 303 comparison
View CSS (152 bytes)
&{background:conic-gradient(at 14%17%,#00B1D4 75%,#FADE8B 0)26q 26q;*{p{margin:-16;padding:24 174}border:1em solid;border-radius:1in;margin:10 310 10 10

Target #304

163b
Friday, October 31, 2025
medium
Target 304 comparison
View CSS (163 bytes)
*{margin:-20 220 170-20;outline:5ch solid;background:radial-gradient(1q at 80%110px,#0000 32q,#000 0 74q,#0000)space#37A76F;*{scale:-1;margin:0;translate:120%190px