CSS Battle Challenge Solutions

Logo

CSSBattle is an awesome ✨ online CSS Code Golfing game. Here are my solutions to their challenges:

If you like this collection, please ⭐️ this repo and share it with others

Regular Battles

Compete with players around the world in these nail-biting battles

CSS Battle Homepage

Challenges Solutions Battle Link
Battle #1 - Pilot Battle See Go to battle
Battle #2 - Visibility See Go to battle
Battle #3 - Cursor See Go to battle
Battle #4 - Display See Go to battle
Battle #5 - Inline See Go to battle
Battle #6 - Conic See Go to battle
Battle #7 - Backface See Go to battle
Battle #8 - Transition See Go to battle
Battle #9 - Margin See Go to battle
Battle #10 - Block See Go to battle
Battle #11 - Overflow See Go to battle
Battle #12 - Blend See Go to battle
Battle #13 - Clip See Go to battle
Battle #14 - ZIndex See Go to battle
Battle #15 - Filter See Go to battle
Battle #16 - Aspect See Go to battle
Battle #17 - Christmas See Go to battle
Battle #18 - Float See Go to battle
Battle #19 - Spacing See Go to battle
Battle #20 - Hover See Go to battle
Battle #21 - Rotate See Go to battle
Battle #22 - Grid See Go to battle
Battle #23 - Contain See Go to battle
Battle #24 - Offset See Go to battle
Battle #25 - Flex See Go to battle
Battle #26 - Initial See Go to battle
Battle #27 - Relative See Go to battle
Battle #28 - Revert See Go to battle
Battle #29 - Font See Go to battle
Battle #30 - Gradient See Go to battle
Battle #31 - Opacity See Go to battle

Battle Art

Time Attack Battles

4 targets & a race against time. Get most 100% matches as quickly as possible.

Challenges Solutions Battle Link
Battle #1 See Go to battle
Battle #2 See Go to battle

Battle Art

Daily Targets

A new target everyday for you to unwind. No leaderboards, no competition

Challenges Solutions
2023 Aug | Sep
Oct | Nov | Dec
2024 Jan | Feb | Mar | Apr | May

Local Setup

To run site locally use bundle install && bundle exec jekyll serve

[↑ Scroll to top]