CSS Battle Solutions

February 2026

28 solutions completed this month

Target #32

192b
Sunday, February 1, 2026
medium
Target 32 comparison
View CSS (192 bytes)
*{width:80;height:80;border:11q solid#000;margin:20 150;background:#FADE8B;*{p{+p{translate:40vw -11q}margin:-90;--t:#0000;background:#0000}margin:150-10}box-shadow:inset 0 1in var(--t,#DE9473

Target #33

213b
Monday, February 2, 2026
easy
Target 33 comparison
View CSS (213 bytes)
&{background:#2b2a4a;*{margin:110 100-380;border-radius:1in var(--t,);width:200;height:80;background:radial-gradient(1Q,#2b2a4a 5vw,#ba463e)var(--u,50%/15vw);p{translate:-25vw 5ch;rotate:90deg;--t:0 0 1in;--u:40vw

Target #34

125b
Tuesday, February 3, 2026
medium
Target 34 comparison
View CSS (125 bytes)
*{background:#556D7F;margin:35 100;border:solid#D99795;border-width:30 4.2ex;*{margin:20 10;font:0 a;p{margin:5 10;scale:1 .5

Target #35

230b
Wednesday, February 4, 2026
easy
Target 35 comparison
View CSS (230 bytes)
*{background:linear-gradient(90deg,#fff 5vw,#AC778B 0)5ch 0/70vh;border-radius:11q;color:AC778B;margin:0;box-shadow:-50vw -5pc,-50vw 5pc,50vw -5pc,50vw 5pc,inset 0 0 0 10vh}&{padding:5vw;color:#fff;margin:100 150;border-radius:32q

Target #36

155b
Thursday, February 5, 2026
medium
Target 36 comparison
View CSS (155 bytes)
*{--u:5pc;margin:220-80-80;background:linear-gradient(90deg,#E25C57 var(--u),#3F4869 0)0/115px}&{margin:0;--u:37q;border:solid#3F4869;border-width:0 125 80

Target #37

147b
Friday, February 6, 2026
medium
Target 37 comparison
View CSS (147 bytes)
&{background:#37B4BD;*{background:#FAE29E;margin:220 160 0;rotate:attr(r deg);p{padding:20;translate:-35vw -5pc;+p{padding:10;translate:-138q -25pc

Target #38

180b
Saturday, February 7, 2026
medium
Target 38 comparison
View CSS (180 bytes)
*{border:solid#192865;border-width:var(--t,0)30 0;margin:50 25;outline:7ex solid#87D;background:2pt -5ch/95px radial-gradient(1q,#FFE08A 32q,#87D 0);*{font:0 a;margin:0 20 140;--t:

Target #39

110b
Sunday, February 8, 2026
medium
Target 39 comparison
View CSS (110 bytes)
*{background:radial-gradient(1q at var(--t,50%50vh,#644 5lh),#D77);*{margin:150 100 60 200;--t:45%50%,#644 5ch

Target #40

196b
Monday, February 9, 2026
medium
Target 40 comparison
View CSS (196 bytes)
&{background:#8BFA94;*{margin:75 20;background:radial-gradient(#D76159 5vh,#0000 0)0/20vh 20vh,conic-gradient(at 10vh 10vh,#8BFA94 75%,#D76159 0)4.7em 0/30vw 30vw;p{height:30;margin:42 0;font:20%'

Target #41

168b
Tuesday, February 10, 2026
medium
Target 41 comparison
View CSS (168 bytes)
&{background:#f6e49c;margin:102 82;*{height:80;background:#2F5C24;p{translate:-5pc -5em;width:80;border-radius:0 100%;box-shadow:75vw 40vw#2F5C24;+p{scale:1-1;font:20%a

Target #42

156b
Wednesday, February 11, 2026
medium
Target 42 comparison
View CSS (156 bytes)
*{background:radial-gradient(1q,#49C85B 10vh,#FFF 0 53q,#49C85B 0 74q,#30230A 0 5lh,#49C85B);*{margin:140;border:11q solid#49C85B;p{margin:-95 40;height:170

Target #43

148b
Thursday, February 12, 2026
medium
Target 43 comparison
View CSS (148 bytes)
*{margin:100 30 10;border:10vh solid#7060C0;*{margin:10 0 0;border-width:60 0 50;background:0 95px/35ch 265q radial-gradient(1q,#7060C0 10vh,#B6EBE7

Target #44

188b
Friday, February 13, 2026
medium
Target 44 comparison
View CSS (188 bytes)
*{background:#2F434E}body{display:flex;margin:26 80}p{margin:14 35;width:50;background:0-11q/100%30vw radial-gradient(1q at 0 50%,var(--t,#0098D1 90q),#0000);+p{--t:#0000 5vw,#0098D1 0 53q

Target #45

124b
Saturday, February 14, 2026
medium
Target 45 comparison
View CSS (124 bytes)
&{background:#FA31;margin:145 160;color:030504;box-shadow:-116q 0 0 10vh#F40D,116q 0 0 10vh#2869FE,0 .1in,0-.1in,inset.9in 0

Target #46

130b
Sunday, February 15, 2026
medium
Target 46 comparison
View CSS (130 bytes)
*{background:#2B2E81;color:B5BD49;margin:80 170-180-200;border-radius:15vw}&{margin:140-50 80 120;box-shadow:inset 0 0 0 1in,0 5pc

Target #47

169b
Monday, February 16, 2026
medium
Target 47 comparison
View CSS (169 bytes)
&{background:#11092d;margin:16 27;*{float:left;p{+[a]{background:#4a9a86;color:FFCA00;margin-top:126}background:#FFCA00;width:50;height:50;color:4A9A86;border:10vh solid

Target #48

94b
Tuesday, February 17, 2026
hard
Target 48 comparison
View CSS (94 bytes)
&{background:#8c2c73;margin:0-140 0-20;border:dashed#F4F4F4;border-width:80 0 0 120;scale:.5 1

Target #49

219b
Wednesday, February 18, 2026
easy
Target 49 comparison
View CSS (219 bytes)
&{background:#FEF6E2;margin:40;*{margin:0;background:radial-gradient(1q,#0000 5em,#A82828 0 130px,#0000)0 110px/80vw 55vw;p{translate:60%386%;background:#A82828;width:50;height:50;border-radius:50%;+p{translate:480%290%

Target #50

145b
Thursday, February 19, 2026
medium
Target 50 comparison
View CSS (145 bytes)
&{background:conic-gradient(at 40vw 60vw,#D8D8D8 75%,#D99795 0)30vw 10vh;p{margin:110 112;height:80;color:558C90;box-shadow:20vw 20vw,-20vw -20vw

Target #51

185b
Friday, February 20, 2026
medium
Target 51 comparison
View CSS (185 bytes)
[b]{scale:-1}[c]{--t:}[d]{margin:-160}body{background:#2F434E;display:flex;margin:14 80}p{width:80;background:0 0/200%var(--t,50%)conic-gradient(from 233deg at 50%,#6AC09E 74deg,#0000 0

Target #52

128b
Saturday, February 21, 2026
medium
Target 52 comparison
View CSS (128 bytes)
&{margin:40 140;background:#F7CB71;>*{border-radius:25%}}*{border-block:var(--r,5ch)solid#7C3219;*{margin:10 0;--r:32q;p{--r:5vw

Target #53

142b
Sunday, February 22, 2026
medium
Target 53 comparison
View CSS (142 bytes)
*{background:#B5BD49;margin:50 100;*{margin:0;background:radial-gradient(1Q at 0 100%,#0000 25vw,#11092d 0 25ch,#0000);p{height:200;scale:-1 1

Target #54

193b
Monday, February 23, 2026
medium
Target 54 comparison
View CSS (193 bytes)
*{border:solid#B6EBE7;border-width:50 20;margin:0;background:radial-gradient(1Q at 0 100%,#5370D9 0 32q,#0000 0 25vw,#5370D9 0 25ch,#0000),var(--t,#B6EBE7);*{scale:-1 1;--t:#0000;border-width:0

Target #55

144b
Tuesday, February 24, 2026
medium
Target 55 comparison
View CSS (144 bytes)
*{background:#4c4c6b;color:FAE29E;+*{margin:50 60;border-radius:1in;border:32Q solid;width:0;height:30;box-shadow:116Q 0,0 116Q,116Q 116Q,233Q 0

Target #56

208b
Wednesday, February 25, 2026
easy
Target 56 comparison
View CSS (208 bytes)
&{background:#9F6766;*{margin:0;background:linear-gradient(90deg,#BDE4C1 50vh,#0000 0 45mm,#BDE4C1 0 230px,#0000 0 250px,#BDE4C1 0);clip-path:polygon(57.5%0,57.5%36%,67.6%50%,50%73.5%,32.4%50%,42.5%36%,42.5%0

Target #57

201b
Thursday, February 26, 2026
easy
Target 57 comparison
View CSS (201 bytes)
&{--t:radial-gradient(1q,#DB5EAD 25px,#0000);--u:conic-gradient(at 53q 53q,#0000 75%,#70CCDB 0);background:var(--t)11q -35vh/201q,var(--u)5vw 5vw/82mm,var(--t)-116q 35vh/82mm,var(--u)5pc 243q/201q,#129

Target #58

159b
Friday, February 27, 2026
medium
Target 58 comparison
View CSS (159 bytes)
*{border:4.4em solid#DB5EAD;margin:-50 0;background:conic-gradient(at 5ch 5ch,#129 75%var(--t,,#DB5EAD 0))5vw 5vw/15vw 15vw;*{--t:;margin:80-50-50 80;font:72%'

Target #59

125b
Saturday, February 28, 2026
medium
Target 59 comparison
View CSS (125 bytes)
*{background:radial-gradient(1q,#0098D1 30vw,#0000),linear-gradient(#0098D1 35vw,var(--t,#2F434E)0);*{margin:0 160;--t:#009D1