Media Summary: Went straght for the obvious solution, borders with border radius and a scale flip. Final character count: 152. I did this with a radial gradient and then corner shape. Final character count: 152. I struggled with a radia gradient for this for a while then struggled with border-radius too. Didn't think I was gonna get 100% for a ...

Css Battle Daily Target Infinity - Detailed Analysis & Overview

Went straght for the obvious solution, borders with border radius and a scale flip. Final character count: 152. I did this with a radial gradient and then corner shape. Final character count: 152. I struggled with a radia gradient for this for a while then struggled with border-radius too. Didn't think I was gonna get 100% for a ... I just went with my first idea which was a block in the middle with two pill shapes on top. Final character count: 160. I went with a box shadow heavy approach and didn't try anything else. Final character count: 147. I have a hodge podge of techniques here. The conic gradient isn't too bad but the rest is terrible. Final character count: 227.

I started this intent on using a conic gradient and then abandoned it for a radial gradient. I like the solution though. Just a border and background for this one with the body rotated. Final character count: 111. I went for fun with gradients today instead of any sort of serious solution. It was too late to really do this either lol. Final character ... This one was interesting with the inside corners. I did a messy border dotted solution and a messy radial gradient solution and ... The alignment was weird to do box shadows the way I wanted with an expanded radius. So I had to figure out a new plan and it ... This one was deceptive, I really thought it would be easier. Went through a few different ideas and settled on box shadows cause I ...

Photo Gallery

CSS Battle Daily Target - Infinity Symbol
CSS Battle Daily Target - Weird Pie Chart
CSS Battle Daily Target - Pipe & Walls
CSS Battle Daily Target - Blobby X
CSS Battle Daily Target - Toggle Switches
CSS Battle Daily Target -Formation Blocks
CSS Battle Daily Target - Crash Test
I challenged the Syntax crew to a CSS BATTLE!
CSS Battle Daily Target - Slashed Box
CSS Battle Daily Target - Pinwheel
CSS Battle Daily Target - Gear Sprocket
CSS Battle Daily Target - Big Square Little Square
View Detailed Profile
CSS Battle Daily Target - Infinity Symbol

CSS Battle Daily Target - Infinity Symbol

Went straght for the obvious solution, borders with border radius and a scale flip. Final character count: 152.

CSS Battle Daily Target - Weird Pie Chart

CSS Battle Daily Target - Weird Pie Chart

I did this with a radial gradient and then corner shape. Final character count: 152.

CSS Battle Daily Target - Pipe & Walls

CSS Battle Daily Target - Pipe & Walls

I struggled with a radia gradient for this for a while then struggled with border-radius too. Didn't think I was gonna get 100% for a ...

CSS Battle Daily Target - Blobby X

CSS Battle Daily Target - Blobby X

I just went with my first idea which was a block in the middle with two pill shapes on top. Final character count: 160.

CSS Battle Daily Target - Toggle Switches

CSS Battle Daily Target - Toggle Switches

I went with a box shadow heavy approach and didn't try anything else. Final character count: 147.

CSS Battle Daily Target -Formation Blocks

CSS Battle Daily Target -Formation Blocks

I have a hodge podge of techniques here. The conic gradient isn't too bad but the rest is terrible. Final character count: 227.

CSS Battle Daily Target - Crash Test

CSS Battle Daily Target - Crash Test

I started this intent on using a conic gradient and then abandoned it for a radial gradient. I like the solution though.

I challenged the Syntax crew to a CSS BATTLE!

I challenged the Syntax crew to a CSS BATTLE!

Here's the

CSS Battle Daily Target - Slashed Box

CSS Battle Daily Target - Slashed Box

Just a border and background for this one with the body rotated. Final character count: 111.

CSS Battle Daily Target - Pinwheel

CSS Battle Daily Target - Pinwheel

I went for fun with gradients today instead of any sort of serious solution. It was too late to really do this either lol. Final character ...

CSS Battle Daily Target - Gear Sprocket

CSS Battle Daily Target - Gear Sprocket

This one was interesting with the inside corners. I did a messy border dotted solution and a messy radial gradient solution and ...

CSS Battle Daily Target - Big Square Little Square

CSS Battle Daily Target - Big Square Little Square

The alignment was weird to do box shadows the way I wanted with an expanded radius. So I had to figure out a new plan and it ...

CSS Battle Daily Target - Target Reticule

CSS Battle Daily Target - Target Reticule

This one was deceptive, I really thought it would be easier. Went through a few different ideas and settled on box shadows cause I ...