/css-battle

My solutions for a few Css Battles. The goal is not to write hacky unreadable css, but rather to use as few html elements as possible.

Primary LanguageHTML

Css Battle Logo

My solutions for a few Css Battles.

My goal is not to write hacky unreadable css, but rather to use as few html elements as possible.

Battle #1 - Pilot Battle

Target #1 - Simply Square
Target #2 - Carrom
Target #3 - Push Button
Target #4 - Ups n Downs
Target #5 - Acid Rain
Target #6 - Missing Slice
Target #7 - Leafy Trail
Target #8 - Forking Crazy
Target #9 - Tesseract
Target #10 - Cloaked Spirits
Target #11 - Eye of Sauron
Target #12 - Wiggly Moustache

Battle #2 - Visibility

Target #13 - Totally Triangle
Target #14 - Web Maker Logo
Target #15 - Overlap
Target #16 - The Eye of the Tiger
Target #17 - Fidget Spinner
Target #18 - Matrix

Battle #3 - Cursor

Target #20 - Ticket

Battle #4 - Display

Target #21 - Sitepoint Logo
Target #22 - Cloud
Target #23 - Boxception
Target #24 - Switches
Target #25 - Blossom
Target #26 - Smiley
Target #27 - Lock Up
Target #28 - Cups & Balls

Battle #5 - Inline

Target #29 - Suffocate Only 99.9% :(
Target #30 - Horizon

Battle #6 - Conic

Target #31 - Equals
Target #32 - Band-aid

Battle #7 - Backface

Target #33 - Birdie
Target #34 - Christmas Tree
Target #35 - Ice Cream
Target #36 - Interleaved
Target #37 - Tunnel
Target #38 - Not Simply Square
Target #40 - Letter b

Battle #8 - Transition

Target #41 - Fox Head
Target #42 - Baby
Target #44 - Stripes

Battle #9 - Margin

Target #45 - Magical Tree
Target #46 - Mountains

Battle #10 - Block

Target #47 - Corona Virus
Target #48 - Wash Your Hands
Target #49 - Stay at Home
Target #50 - Use Hand Sanitizer
Target #51 - Wear a Mask
Target #52 - Break the Chain

Battle #12 - Blend

Target #62 - Sunset
Target #63 - Command Key

Battle #13 - Clip

Target #76 - Beeee

Battle #14 - ZIndex

Target #77 - Notes
Target #78 - Ukulele
Target #79 - Tambourine
Target #80 - Piano

Battle #15 - Filter

Target #81 - Odoo
Target #82 - Diamond Cut
Target #83 - Super Nova
Target #84 - Junction
Target #85 - Pythagoras
Target #87 - Building Blocks
Target #88 - Tight Corner

Battle #22 - Grid

Target #133 - Spiral
Target #134 - Wig
Target #135 - Spikes
Target #136 - Alien Eye
Target #137 - Elbox
Target #138 - Lotus
Target #139 - Lamp
Target #140 - Eclipse