https://github.com/hankolsen/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.
https://github.com/hankolsen/css-battle
css css-battle css-battle-solutions html
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/hankolsen/css-battle
- Owner: hankolsen
- Created: 2021-02-06T17:39:29.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-06-15T15:39:51.000Z (11 months ago)
- Last Synced: 2025-01-13T07:41:06.278Z (4 months ago)
- Topics: css, css-battle, css-battle-solutions, html
- Language: HTML
- Homepage:
- Size: 53.7 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](https://cssbattle.dev/play/1)
[Target #2 - Carrom](https://cssbattle.dev/play/2)
[Target #3 - Push Button](https://cssbattle.dev/play/3)
[Target #4 - Ups n Downs](https://cssbattle.dev/play/4)
[Target #5 - Acid Rain](https://cssbattle.dev/play/5)
[Target #6 - Missing Slice](https://cssbattle.dev/play/6)
[Target #7 - Leafy Trail](https://cssbattle.dev/play/7)
[Target #8 - Forking Crazy](https://cssbattle.dev/play/8)
[Target #9 - Tesseract](https://cssbattle.dev/play/9)
[Target #10 - Cloaked Spirits](https://cssbattle.dev/play/10)
[Target #11 - Eye of Sauron](https://cssbattle.dev/play/11)
[Target #12 - Wiggly Moustache](https://cssbattle.dev/play/12)
## Battle #2 - Visibility
[Target #13 - Totally Triangle](https://cssbattle.dev/play/13)
[Target #14 - Web Maker Logo](https://cssbattle.dev/play/14)
[Target #15 - Overlap](https://cssbattle.dev/play/15)
[Target #16 - The Eye of the Tiger](https://cssbattle.dev/play/16)
[Target #17 - Fidget Spinner](https://cssbattle.dev/play/17)
[Target #18 - Matrix](https://cssbattle.dev/play/18)
## Battle #3 - Cursor
[Target #20 - Ticket](https://cssbattle.dev/play/20)
## Battle #4 - Display
[Target #21 - Sitepoint Logo](https://cssbattle.dev/play/21)
[Target #22 - Cloud](https://cssbattle.dev/play/22)
[Target #23 - Boxception](https://cssbattle.dev/play/23)
[Target #24 - Switches](https://cssbattle.dev/play/24)
[Target #25 - Blossom](https://cssbattle.dev/play/25)
[Target #26 - Smiley](https://cssbattle.dev/play/26)
[Target #27 - Lock Up](https://cssbattle.dev/play/27)
[Target #28 - Cups & Balls](https://cssbattle.dev/play/28)
## Battle #5 - Inline
[Target #29 - Suffocate](https://cssbattle.dev/play/29) Only 99.9% :(
[Target #30 - Horizon](https://cssbattle.dev/play/30)
## Battle #6 - Conic
[Target #31 - Equals](https://cssbattle.dev/play/31)
[Target #32 - Band-aid](https://cssbattle.dev/play/32)
## Battle #7 - Backface
[Target #33 - Birdie](https://cssbattle.dev/play/33)
[Target #34 - Christmas Tree](https://cssbattle.dev/play/34)
[Target #35 - Ice Cream](https://cssbattle.dev/play/35)
[Target #36 - Interleaved](https://cssbattle.dev/play/36)
[Target #37 - Tunnel](https://cssbattle.dev/play/37)
[Target #38 - Not Simply Square](https://cssbattle.dev/play/38)
[Target #40 - Letter b](https://cssbattle.dev/play/40)
## Battle #8 - Transition
[Target #41 - Fox Head](https://cssbattle.dev/play/41)
[Target #42 - Baby](https://cssbattle.dev/play/42)
[Target #44 - Stripes](https://cssbattle.dev/play/44)
## Battle #9 - Margin
[Target #45 - Magical Tree](https://cssbattle.dev/play/45)
[Target #46 - Mountains](https://cssbattle.dev/play/46)
## Battle #10 - Block
[Target #47 - Corona Virus](https://cssbattle.dev/play/47)
[Target #48 - Wash Your Hands](https://cssbattle.dev/play/48)
[Target #49 - Stay at Home](https://cssbattle.dev/play/49)
[Target #50 - Use Hand Sanitizer](https://cssbattle.dev/play/50)
[Target #51 - Wear a Mask](https://cssbattle.dev/play/51)
[Target #52 - Break the Chain](https://cssbattle.dev/play/52)
## Battle #12 - Blend
[Target #62 - Sunset](https://cssbattle.dev/play/62)
[Target #63 - Command Key](https://cssbattle.dev/play/63)
## Battle #13 - Clip
[Target #76 - Beeee](https://cssbattle.dev/play/76)
## Battle #14 - ZIndex
[Target #77 - Notes](https://cssbattle.dev/play/77)
[Target #78 - Ukulele](https://cssbattle.dev/play/78)
[Target #79 - Tambourine](https://cssbattle.dev/play/79)
[Target #80 - Piano](https://cssbattle.dev/play/80)
## Battle #15 - Filter
[Target #81 - Odoo](https://cssbattle.dev/play/81)
[Target #82 - Diamond Cut](https://cssbattle.dev/play/82)
[Target #83 - Super Nova](https://cssbattle.dev/play/83)
[Target #84 - Junction](https://cssbattle.dev/play/84)
[Target #85 - Pythagoras](https://cssbattle.dev/play/85)
[Target #87 - Building Blocks](https://cssbattle.dev/play/87)
[Target #88 - Tight Corner](https://cssbattle.dev/play/88)
## Battle #22 - Grid
[Target #133 - Spiral](https://cssbattle.dev/play/133)
[Target #134 - Wig](https://cssbattle.dev/play/134)
[Target #135 - Spikes](https://cssbattle.dev/play/135)
[Target #136 - Alien Eye](https://cssbattle.dev/play/136)
[Target #137 - Elbox](https://cssbattle.dev/play/137)
[Target #138 - Lotus](https://cssbattle.dev/play/138)
[Target #139 - Lamp](https://cssbattle.dev/play/139)
[Target #140 - Eclipse](https://cssbattle.dev/play/140)