Skip to content

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.

Notifications You must be signed in to change notification settings

hankolsen/css-battle

Repository files navigation

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages